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出 版 说 明 


电子 商务 是 以 信息 网 络 技术 为 手段 ,以 商品 交换 为 中 心 的 商务 活动 ,是 “互联 网 十 ”的 杰作 
之 一 。 特 别 是 在 2015 年 初 的 政府 工作 报告 中 ,李克强 总 理 首次 提出 “制订 “互联 网 十 "行动 计 
划 ”, 大 大 推进 电子 商务 在 我 国 的 蓬勃 发 展 ,改造 和 影响 着 众多 传统 行业 。 电 子 商务 系统 是 保 
证 以 电子 商务 为 基础 的 网 上 交易 实现 体系 。 

电子 商务 应 用 的 快速 发 展 ,需要 大 量 的 专业 技术 人 员 , 据 专 家 测算 ,未 来 10 年 我 国电 子 商 
务 人 才 缺 口 达到 200 万 。 为 了 加 快 电子 商务 系统 人 才 培 养 ,我 们 以 国家 卓越 工程 师 计划 为 契 
机 规划 并 出 版 了 本 系列 教材 。 

电子 商务 网 站 是 电子 商务 系统 的 核心 ,电子 商务 网 站 开发 涉及 多 方面 的 技术 。 本 系列 教 
材 以 Visual Studio 为 开发 环境 、 以 案例 为 向 导 , 全 面 介 绍 电子 商务 网 站 的 开发 技术 ,涵盖 的 教 
程 如 下 : 

。C# 语 言 和 数据 库 技术 基础 教程 

。 电子 商务 网 站 开发 教程 ; 

。 数据 仓库 和 数据 挖掘 应 用 教程 。 

本 系列 教材 具有 专业 培养 定位 清晰 、 可 操作 性 强 的 特点 。《C# 语 言 和 数据 库 技术 基础 》 
从 零 基础 开始 ,循序 渐进 学 习 C 井 语言 的 基本 语法 ` 面 向 对 象 编程 ` Windows 窗 体 应 用 程序 设 
计 、SQL Server 数据 库 操作 `C# 访问 数据 库 方法 以 及 Windows 界面 的 电子 商务 系统 开发 技 
术 。《 电 子 商 务 网 站 开发 教程 ) 以 ASP .NET 为 背景 ,学 习 动 态 网 站 的 开发 技术 。《 数 据 仓库 
和 数据 挖掘 应 用 教程 ) 学 习 数 据 仓库 数据 和 电子 商务 数据 分 析 技 术 。 

教程 中 涉及 的 相关 案例 如 下 : 


本 人 a 学 习 超 市 管理 
《C# 语 言 和 数据 这 技术 大 仙 部 各》 SM 于 碗 开发 
SQL Server 


进 阶 


学 习 在 线 电 了 了 产 届 和 


ASP.NET 上 《电子 商务 网 站 开发 教程》 售 OnRetS 网 站 中 发 


进 阶 
了 学 OnRetDW 数 据 仓 库 

《数据 仓库 和 数据 控 扬 应 用 教程 》 开发 和 电子 商务 数据 控 
i 掘 OnRetDM 项 目 设计 
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本 系列 教材 是 武汉 大 学 计算 机 学 院 和 和 解放军 理工 大 学 在 探索 电子 商务 人 才 培 养 并 结合 国 
家 卓越 工程 师 计 划 的 教学 实践 中 总 结 和 提炼 的 教学 成 果 。 教 学 改革 是 教育 工作 永恒 不 变 的 主 
题 ,也 是 需要 不 断 探索 的 课题 ,需要 不 断 地 努力 实践 和 完善 。 本 系列 教材 虽然 经 过 细致 的 编写 
与 校订 ,仍然 难免 有 政 漏 和 不 足 之 处 ,需要 不 断 地 补充 .修订 和 完善 ,我 们 热情 欢迎 使 用 本 系列 
教材 的 教师 、 学 生 和 读者 朋友 提出 宝贵 意见 和 建议 ,使 之 更 至 成 熟 。 


ASP .NET 是 微软 公司 提出 的 动态 网 站 开发 技术 ,具有 易学 易 用 、 开 发 效率 高 等 特点 ,是 
目前 主流 的 Web 开发 环境 之 一 。 

本 书 内 容 如 下 : 

第 1 章 为 电子 商务 概述 ,介绍 电子 商务 的 相关 概念 和 技术 。 

第 2 章 为 电子 商务 网 站 开发 环境 配置 ,介绍 ASP .NET 开发 电子 商务 网 站 的 环境 和 配置 过 程 。 

第 3 章 为 ASP .NET 网 站 结构 ,介绍 ASP .NET 网 站 和 网 页 的 基本 结构 。 

第 4 章 为 HTML 和 CSS, 介 绍 设计 静态 网 页 所 需要 的 HTML 和 CSS 基本 知识 。 

第 5 章 为 JavaScript 编程 基础 ,介绍 采用 JavaScript 编写 客户 端 应 用 程序 的 方法 。 

第 6 章 为 C# 编程 基础 ,介绍 采用 C# 编写 服务 器 端 应 用 程序 的 方法 。 

第 7 章 为 ASP .NET 控件 ,介绍 ASP .NET 提供 的 服务 器 控件 及 其 使 用 方法 。 

第 8 章 为 ASP .NET 内 置 对 象 ,介绍 ASP .NET 内 置 对 象 在 网 页 设计 中 的 应 用 。 

第 9 章 为 主题 . 母 版 页 和 导航 设计 ,介绍 设计 一 致 性 网 页 的 基本 技术 。 

第 10 章 为 ASP .NET 数据 库 编程 ,介绍 ADO .NET 访问 SQL Server 数据 库 的 基本 方法 。 

第 11 章 为 ASP .NET 数据 控件 ,介绍 ASP .NET 提供 的 数据 源 控件 和 数据 绑 定 控件 的 
使 用 方法 。 

第 12 章 为 电子 商务 网 站 开发 实例 ,介绍 一 个 简单 的 电子 商务 网 站 OnRetS 的 开发 过 程 和 
相关 技术 。 

书 中 提供 了 大 量 的 练习 题 和 上 机 实验 题 供 读者 选用 ,附录 A 给 出 了 部 分 练习 题 参考 答 
案 , 附 录 B 给 出 了 所 有 上 机 实验 题 参 考 答案 。 

本 书 紧 扣 ASP .NET 网 站 开发 所 需要 的 知识 、 技 能 和 素质 要 求 ,以 技术 应 用 能 力 培养 为 
主线 构建 教材 内 容 , 具 有 以 下 特色 : 

。 内 容 全 面 , 丰 富 : 在 内 容 讲授 上 力求 翔实 和 全 面 ,细致 解析 每 个 知识 点 和 各 知识 点 的 联系 。 

。 条 理 清 晰 .讲解 透彻 : 从 介绍 ASP .NET 的 基本 概念 出 发 ,由 简单 到 复杂 ,循序 渐进 介 

绍 网 站 的 开发 过 程 。 

。 精 选 实例 、 实 用 性 强 : 列举 了 大 量 的 应 用 示例 ,读者 通过 上 机 模仿 可 以 提高 使 用 ASP 
.NET 网 站 开发 能 力 。 
力求 从 入 门 到 精通 : 本 书 起 点 只 需要 读者 学 习 过 一 门 高 级 语言 程序 设计 课程 ,通过 实 
训 能 够 达到 如 OnRetS 中 小 型 电子 商务 网 站 的 开发 水 平 。 
。 配套 教学 资源 丰富 : 提供 教学 PPT、 书 中 所 有 【 练 一 练 了 实例 源 代码 .相关 数据 库 文件 

和 电子 商务 网 站 OnRetS 的 源 程序 。 书 中 实例 网 站 均 采用 文件 系统 方式 创建 ,便于 读 
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者 打开 和 调试 。 配套 的 教学 资源 可 以 从 清华 大 学 出 版 社 网 站 下 载 。 
本 书 推荐 的 学 习 流 程 如 下 : 


第 2 京 ” 岂 子 商务 网 站 首发 环境 配 洽 


学 习 过 网 页 设计 说 程 


学 习 过 JavaScript 课 程 


部 


往 5 闽 ”JavaScript 网 钳 基础 


学 习 过 C# 诗 言 课 程 
# 编 辑 基础 


第 7 章 ”ASP.NET 控 件 


ASP.NET 内 置 对 象 


第 8 音 


第 9 总 “主题 、 母 版 让 和 导航 设计 | 


第 10 章 ”ASP.NET 数 揣 库 编程 
第 11 章 ”ASP.NET 数 据 控件 


第 12 章 “电子 商务 网 站 并发 实例 | 


(8 来) 
本 书 在 编写 过 程 中 得 到 武汉 大 学 教务 部 教改 项 目的 资助 ,解放 军 理工 大 学 和 清华 大 学 出 
版 社 给 予 了 大 力 支持 ,连续 多 届 选 课 的 同学 提出 了 许多 宝贵 的 建议 ,编者 在 此 表示 衷心 感谢 。 
编 者 
2015 年 10 月 
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第 工 章 ”电子 商务 开发 概述 


电子 商务 真 的 好 精彩 ， 要 是 
我 能 开发 ， 工 作 就 OK 了 


本 章 指南 


1.1 什么 是 电子 商务 


知识 梳理 


电子 商务 系统 和 电子 商务 网 站 


电子 商务 网 站 的 功能 、 特 点 和 分 类 | 
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1.1.1 电子 商务 的 定义 


各 国政 府 ,学 者 、 企 业界 人 士 根据 自己 所 处 的 地 位 和 对 电子 商务 参与 的 角度 和 程度 的 不 
同 , 给 出 了 许多 不 同 的 定义 。 

联合 国 经 济 合 作 与 发 展 组 织 (OECD) 对 电子 商务 的 定义 是 :“ 电 子 商 务 是 发 生 在 开放 网 
络 上 的 包含 企业 之 间 (Business to Business) ,企业 和 消费 者 之 间 (Business to Consumer) 的 商 
业 交易 。” 


《中 国电 子 商务 蓝皮书 》(2001 年 ) 认 为 : 电子 商务 指 通过 

Internet 完成 的 商务 交易 ,交易 的 内 容 可 分 为 商品 交易 和 服务 交 
le. 资金 流 、 信 息 流 ” 易 。 交 易 是 指 货币 和 商品 的 易 位 ,交易 要 有 信息 流 、 资 金 流 和 物 
交易 事务 流 的 支持 ,如 图 1.1 所 示 。 


和 流 、 资 金 流 、 信 息 流 电子 商务 通常 是 指 在 全 球 各 地 广泛 的 商业 贸易 活动 中 ,在 开 
电子 市 场 


交易 主体 


放 的 网 络 环境 下 ,基于 浏览 器 /服务 器 应 用 方式 ,买卖 双方 不 谋面 
市 地 进行 各 种 商贸 活动 ,实现 消费 者 的 网 上 购物 .商户 之 间 的 网 上 
交易 和 在 线 电子 支付 以 及 各 种 商务 活动 ,交易 活动 ` 金 融 活 动 和 
相关 的 综合 服务 活动 的 一 种 新 型 的 商业 运营 模式 。 

总 之 ,电子 商务 是 以 信息 网 络 技术 为 手段 ,以 商品 交换 为 中 心 的 商务 活动 ; 也 可 理解 为 在 
互联 网 (Internet) ,企业 内 部 网 (Intranet) 和 增值 网 (Value Added Network,VAN) 上 以 电子 交 
易 方 式 进行 交易 活动 和 相关 服务 的 活动 ,是 传统 商业 活动 各 环节 的 电子 化 、 网 络 化 和 信息 化 。 
电子 商务 的 本 质 是 商务 ,技术 只 是 电子 商务 的 手段 。 

电子 商务 的 基本 功能 概括 为 3C, 即 内 容 管 理 (Content Management) ,协同 处 理 (Collaboration) 
与 交易 服务 (Commerce) 三 大 类 。 

电子 商务 的 基本 特征 如 下 : 

。 运用 现代 网 络 信息 技术 进行 商务 管理 活动 ; 

。 电子 商务 活动 的 参与 者 相对 于 传统 商务 有 很 大 的 变化 ; 

。 电子 商务 既 贯穿 商品 交易 的 全 过 程 ,也 贯穿 整个 社会 经 济 活动 的 始终 ; 

。 电子 商务 范围 的 全 球 化 ; 

。 电子 商务 是 直接 性 的 经 济 活动 ; 

。 电子 商务 是 个 性 化 的 经 济 活动 。 


1.1.2 电子 商务 系统 和 电子 商务 网 站 


电子 商务 系统 是 指 在 Internet 和 其 他 网 络 的 基础 上 ,以 实现 企业 电子 商务 活动 为 目标 , 满 
足 企业 生产 .销售 、 服 务 等 生产 和 管理 的 需要 ,支持 企业 的 对 外 业务 协作 ,从 运作 ,管理 和 决策 
等 层次 全 面 提高 企业 信息 化 水 平 ,为 企业 提供 商业 智能 的 计算 机 系统 。 图 1. 2 展示 了 金融 电 
子 商 务 系统 的 框架 。 

电子 商务 网 站 是 指 通过 网 站 建设 技术 发 布 .展示 商品 信息 ,实现 电子 交易 ,并 通过 网 络 开 
展 与 商务 活动 有 关 的 各 种 售 前 和 售后 服务 ,全面 实 现 电子 商务 功能 的 网 站 。 电 子 商 务 网 站 的 
手段 是 “发 布 . 展 示 商 品 信 息 ”。 

电子 商务 系统 是 基于 Internet 并 支持 企业 价值 链 增值 的 信息 系统 ,而 网 站 仅仅 是 这 一 系 
统 的 一 个 部 分 或 技术 手段 之 一 。 电 子 商务 系统 作为 一 个 整体 ,不 仅 包括 企业 开展 商务 活动 的 


图 1.1 电子 商务 的 概念 模型 
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全 渠道 管理 Financial E-commerce 系统 集成 
江道 客户 | | 移动 竹 屏 | | “门户 网 站 。 会 员 经 济 店铺 数据 。 消费 行为 。 营销 推送 ”| | 售后 受理 | | 大 数据 集成 
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举 道 运 若 | | 徽 信 商 六 引流 会 员 管理 。 物流 数据 。 征 信 模 型 。 020 站 内 入 
应 | 协同 管理 | | 在 线 POS B2C 商 城 。 ”积分 管理 ”财务 数据 支持 SNS 
用 订单 引入 运营 分 析 。 Quora 
层 
服务 体验 
营销 020 闭 环 交易 
互联 网 型 支付 企业 金融 型 支付 企业 
支付 宝 消费 信贷 
: 信用 卡 
系 用 六 粘性 平台 开放 式 平台 
层 
四 支付 网 关 上 斩 电子 钱包 转 信用 中 介 因 便捷 的 支付 工具 上 
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拓 [到 人 清算 体系 | [ 人 征 信 系 统 ” | 了 融和 安全 大 纲 | 交易 平台 | 


图 1.2 金融 电子 商务 系统 框架 示例 


外 部 电子 化 环境 ,而 且 包 括 企 业内 部 商务 活动 的 电子 化 环境 ,这 两 部 分 必须 结合 起 来 才能 满足 
企业 在 Internet 上 开展 商务 活动 的 需要 。 

因此 ,可 以 将 网 站 视 为 企业 电子 商务 系统 的 一 个 重要 组 成 部 分 。 需 要 说 明 的 是 ,企业 的 电 
子 商 务 系统 因 企 业 的 规模 、 服 务 方式 不 同 而 使 其 功能 差异 很 大 ,但 大 多 数 的 电子 商务 系统 都 是 
利用 网 站 与 客户 进行 交互 的 。 

另外 ,一 些 企业 电子 商务 系统 的 规模 较 小 且 商 务 处 理 功 能 很 弱 ( 如 仅仅 实现 企业 形象 宣传 
功能 ) ,因此 这 些 电子 商务 系统 从 外 部 就 表现 为 电子 商务 网 站 的 形式 。 


1.1.3 电子 商务 网 站 的 功能 、 特 点 和 分 类 


1. 功能 

电子 商务 网 站 的 基本 功能 如 下 : 
。 企业 形象 宣传 ; 

。 信息 编辑 ; 

。 咨询 洽谈 ; 

。 网 上 商品 订购 ; 

。 网 上 支付 ; 
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。 用 户 信息 管 理 ; 

。 服务 传递 ; 

。 销售 业务 信息 管理 。 

2. 特点 

电子 商务 网 站 的 特点 如 下 。 

。 商务 性 : 就 是 解决 电子 商务 是 做 什么 的 这 一 核心 问题 ,也 可 以 说 电子 商务 的 实质 是 商 
务 活动 。 

。 服务 性 : 电子 商务 的 服务 性 要 围绕 方便 客户 这 一 原则 。 

。 集成 性 : 新 技术 和 新 概念 的 集成 .处理 商务 活动 时 的 整体 性 和 统一 性 。 

。 安全 性 : 安全 性 是 电子 商务 生存 的 基础 条 件 

。 可 扩展 性 : 是 指 其 系统 具备 扩展 能 力 ,能够 满足 电子 商务 活动 繁忙 时 系统 速度 、 流 量 
压力 承受 。 

。 协调 性 : 商务 活动 是 一 种 协调 过 程 ,需要 整体 的 协调 ,电子 商务 系统 才能 正常 有 效 

3. 分 类 

按 参 加 电子 商务 活动 的 交易 主体 将 电子 商务 网 站 分 类 如 下 : 

。 企业 与 消费 者 (BtoC 或 B2C)。B2C 即 企 业 与 消费 者 之 间 的 电子 商务 。 这 是 消费 者 
利用 互联 网 直接 参与 经 济 活动 的 形式 ,类 似 于 商业 电子 化 的 零售 商务 。 随 着 互联 网 
的 出 现 ,网 上 销售 迅速 地 发 展 起 来 , B2C 就 是 企业 通过 网 络 销售 产品 或 服务 给 个 人 
消费 者 。 

。 企业 与 企业 (BtoB 或 B2B)。B2B 电子 商务 是 指 以 企业 为 主体 ,在 企业 之 间 进 行 的 电 
子 商务 活动 。B2B 电子 商务 是 电子 商务 的 主流 ,也 是 企业 面临 激烈 的 市 场 竞争 .改善 
竞争 条 件 、 建 立 竞争 优势 的 主要 方法 。B2B 主要 是 针对 企业 内 部 以 及 企业 与 上 下 游 协 
力 厂商 之 间 的 资讯 整合 ,并 在 互联 网 上 进行 的 企业 与 企业 间 交 易 。 借 由 企业 内 部 网 建 
构 资 讯 流通 的 基础 ,及 外 部 网 络 结合 产业 的 上 中 下 游 厂 商 ,达到 供应 链 (SCM) 的 整合 。 

。 消费 者 与 消费 者 (CtoC 或 C2C)。C2C 也 称 * 私 对 私 ? 是 一 种 典型 的 电子 商务 类 型 , 它 
是 指 个 人 对 个 人 的 交易 形式 。 

。 B2B2C(Business to Business to Customer) 。 第 一 个 B 指 交易 平台 , 即 提供 卖方 与 买 
方 的 交易 平台 ,同时 提供 优质 的 附加 服务 ,第 二 个 B 指 广义 的 卖方 ( 即 成 品 、 半 成 品 、 材 
料 提供 商 等 ),C 即 指 消费 者 。B2B2C 平台 绝 非 简单 的 中 介 ,而 是 提供 高 附加 值 服务 的 
渠道 机 构 , 拥 有 客户 管理 .信息 反馈 .数据 库 管理 .决策 支持 等 功能 的 服务 平台 。 
B2B2C 定义 包括 现存 的 B2C 和 C2C 平台 的 商业 模式 ,更 加 综合 化 。 

。 其 他 类 型 ,如 企业 与 政府 (BtoG 或 B2G) 、 消 费 者 与 政府 (CtoG 或 C2G) 、.B2M(Business to 
Marketing) 即 面向 市 场 营 销 的 电子 商务 企业 、O2O(Online to Offline) 即 线 上 线 下 电子 
商务 、 消 费 者 对 企业 (C2B) 和 企业 对 团队 (B2T) 等 。 

另外 , 按 电子 商务 活动 的 运作 方式 可 以 将 电子 商务 网 站 分 为 直接 交易 型 电子 商务 网 站 和 

间接 交易 型 电子 商务 网 站 。 
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1.2 电子 商务 网 站 的 技术 基础 


知识 梳理 


计算 机 网 络 及 其 类 型 


WWW、 互联 网 和 因特网 


Web 的 系统 结构 和 工作 原理 


网 站 


电子 商务 网 站 的 技术 基础 


Web 网 页 、 网 页 文件 和 


静态 网 页 和 动态 网 页 


Web 网 页 开发 技术 


1.2.1 计算 机 网 络 及 其 类 型 


计算 机 网 络 是 指 将 地 理 位 置 不 同 的 具有 独立 功能 的 多 台 计 算 机 及 其 外 部 设备 ,通过 通信 
线路 连接 起 来 ,在 网 络 操作 系统 ,网 络 管理 软件 及 网 络 通信 协议 的 管理 和 协调 下 ,实现 资源 共 
享 和 信息 传递 的 计算 机 系统 。 

虽然 计算 机 网 络 类 型 的 划分 标准 各 种 各 样 ,但 是 从 地 理 范 围 划 分 是 一 种 公认 的 通用 网 络 
划分 标准 。 按 这 种 标准 可 以 把 各 种 计算 机 网 络 划分 为 以 下 类 型 ， 

。 局 域 网 (Local Area Network,LAN) 是 指 在 某 一 区 域内 由 多 台 计 算 机 互联 成 的 计算 机 
组 。 一般 是 在 方圆 几 千 米 以 内 。 局 域 网 可 以 实现 文件 管理 ,应 用 软件 共享 ,打印 机 共 
享 `. 工 作 组 内 的 日 程 安排 ,电子 邮件 和 传真 通信 服务 等 功能 。 局 域 网 是 封闭 型 的 ,可 以 
由 办 公 室 内 的 两 台 计 算 机 组 成 ,也 可 以 由 一 个 公司 内 的 上 千 台 计算 机 组 成 。 
城 域 网 (Metropolitan Area Network,MAN) 是 在 一 个 城市 范围 内 所 建立 的 计算 机 通 
信和 网 , 属 宽带 局 域 网 。 它 的 一 个 重要 用 途 是 用 作 上 骨干 网 ,通过 它 将 位 于 同一 城市 内 不 
同 地 点 的 主机 数据库, 以 及 LAN 等 互相 连接 起 来 。 

。 广域网 (Wide Area Network,.WAN) 也 称 远程 网 。 通 常 跨 接 很 大 的 物理 范围 ,所 覆盖 

的 范围 从 几 十 千 米 到 几 千 千 米 , 它 能 连接 多 个 城市 或 国家 ,或 横 跨 几 个 洲 并 能 提供 远 
距离 通信 ,形成 国际 性 的 远程 网 络 。 

要 想 让 两 台 计 算 机 进行 通信 ,必须 使 它们 采用 相同 的 信息 交换 规则 。 把 在 计算 机 网 络 中 
用 于 规定 信息 的 格式 以 及 如 何 发 送 和 接收 信息 的 一 套 规则 称 为 网 络 协议 或 通信 协议 ,如 
TCP/IP 协议 。 

迄今 为 止 ,计算 机 网 络 经 过 了 4 个 阶段 的 发 展 , 即 远程 终端 联机 阶段 ,计算 机 网 络 阶 段 、 计 
算 机 网 络 互 联 阶段 和 国际 互联 网 与 信息 高 速 公路 阶段 。 


1.2.2 WWW.、 互 联网 和 因特网 
WWW 是 环球 信息 网 (World Wide Web) 的 缩写 ( 亦 为 Web、W3 等 ), 后 面 主要 使 用 Web 
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名 称 ,中文 名 字 为 万 维 网 环球 网 等 。 它 起 源 于 1989 年 3 月 ,由 欧洲 粒子 物理 实验 室 研究 发 展 
起 来 的 主 从 结构 分 布 式 超 媒 体系 统 , 最 初 开 发 设计 的 目的 是 为 该 实验 室 的 物理 学 家 们 提供 一 
种 共享 和 信息 的 工具 。 

Web 的 特点 如 下 : 

。 Web 是 图 形 化 和 易于 导航 : Web 可 以 提供 将 图 形 音频、 视频 信息 集合 于 一 体 的 特性 。 
另外 ,Web 使 用 一 种 超 文 本 (hypertext) 链 接 技术 。 超 文本 可 以 是 Web 网 页 上 的 任意 
的 一 个 元 素 , 由 它 指向 因特网 上 的 其 他 Web 元 素 , 所 以 ,Web 是 易于 导航 的 ,浏览 用 户 
就 可 以 在 各 网 页 各 站 点 之 间 进 行 方便 地 浏览 。 

Web 与 平台 无 关 : 无 论 系 统 平台 是 什么 ,都 可 以 通过 因特网 访问 Web。 浏 览 Web 对 
系统 平台 没有 什么 限制 。 无 论 从 Windows 平台 或 UNIX 平台 等 都 可 以 访问 Web。 对 
Web 的 访问 是 通过 一 种 叫做 浏览 器 的 软件 实现 的 , 如 Netscape 的 Navigator、 
Microsoft 的 Explorer 等 。 

Web 是 分 布 式 的 : 大 量 的 图 形 .音频 和 视频 信息 会 占用 相当 大 的 磁盘 空间 ,甚至 无 法 
预知 信息 的 多 少 。 对 于 Web 没有 必要 把 所 有 信息 都 放 在 一 起 ,信息 可 以 放 在 不 同 的 
站 点 上 。 只 需要 在 浏览 器 中 指明 这 个 站 点 就 可 以 了 。 使 在 物理 上 并 不 一 定 在 一 个 站 
点 的 信息 在 逻辑 上 一 体 化 ,从 用 户 来 看 这 些 信息 是 一 体 的 。 

Web 是 动态 的 : 由 于 各 Web 站 点 包含 站 点 本 身 的 信息 ,信息 的 提供 者 可 以 经 常 对 站 
点 上 的 信息 进行 更 新 ,所 以 Web 站 点 上 的 信息 是 动态 的 。 

要 理解 Web ,必须 了 解 互 联网 (internet) 和 因特网 (Internet) 这 两 个 十 分 容易 混淆 的 名 字 。 
《现代 汉语 词典 (2002 年 增补 本 ) 将 互联 网 定义 为 “ 指 由 若干 计算 机 网 络 相 互 连 接 而 成 的 网 
络 ”, 将 因特网 定义 为 “全 球 最 大 的 一 个 电子 计算 机 互联 网 ,是 由 美国 的 ARPA 发 展演 变 而 来 
的 ”, 因 特 网 的 英文 首 字母 用 大 写 表示 。 

也 就 是 说 ,互联 网 是 网 络 与 网 络 之 间 所 串 连 成 的 庞大 网 络 ,这 些 网 络 以 一 组 通用 的 协议 相 
连 , 形 成 逻辑 上 的 单一 巨大 国际 网 络 。 因 特 网 和 其 他 类 似 的 由 计算 机 相互 连接 而 成 的 大 型 网 
络 系统 ,都 可 算是 互联 网 ,因特网 只 是 互联 网 中 最 大 的 一 个 。 

Web 是 无 数 个 网 络 站 点 和 网 页 的 集合 ,它们 在 一 起 构成 了 因特网 最 主要 的 部 分 。 实 际 上 
Web 是 多 媒体 的 集合 ,是 由 超 链接 连接 而 成 的 。 人 们 通常 通过 网 络 浏览 器 上 网 观看 的 就 是 
Web 的 内 容 。 所 以 , Web 并 不 等 同 因特网 , 它 只 是 因特网 所 能 提供 的 服务 其 中 之 一 ,是 靠 着 因 
特 网 运行 的 一 项 服务 。 或 者 说 ,因特网 指 的 是 一 个 硬件 的 网 络 ,而 Web 更 倾向 于 一 种 浏览 网 
页 的 功能 。 

另外 有 一 个 名 字 是 Intranet, 称 为 企业 内 部 网 ,是 因特网 技术 在 企业 内 部 的 应 用 。 它 实 
际 上 是 采用 因特网 技术 建立 的 企业 内 部 网 络 , 在 一 个 企业 或 组 织 的 内 部 并 为 其 成 员 提 供 信 
息 的 共享 和 交流 等 服务 ,如 文件 传输 、 电 子 邮 件 等 。Intranet 在 内 部 网 络 上 采用 TCP/IP 作 
为 通信 协议 ,利用 因特网 的 Web 模型 作为 标准 信息 平台 ,同时 建立 防火 墙 把 内 部 网 和 因 特 
网 分 开 。 当 然 Intranet 并 非 一 定 要 和 因特网 连接 在 一 起 , 它 完 全 可 以 自 成 一 体 作为 一 个 独 
立 的 网 络 。 

万 维 网 联盟 (World Wide Web Consortium,W3C) ,又 称 W3C 理事 会 。1994 年 10 月 在 麻 
省 理工 学 院 (MIT) 计 算 机 科学 实验 室 成 立 。 万 维 网 联盟 的 创建 者 是 万 维 网 的 发 明 者 蒂 姆 。 伯 
纳 斯 - 李 。 
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1.2.3 ”Web 的 系统 结构 和 工作 原理 


1. 客户 机 /服务 器 模式 


Web 的 系统 结构 采用 的 是 客户 机 /服务 器 结构 模式 ,如 图 1. 3 所 示 。Web 可 以 让 客户 机 
(常用 浏览 器 ) 通 过 因特网 访问 服务 器 上 的 网 页 。 在 这 个 结构 中 ,所 有 资源 由 一 个 全 局 “统一 资 
源 标识 符 ”(URD 来 标识 。 简 单 地 说 ,URL 就 是 Web 地 址 ,俗称 “网址”。 其 基本 格式 如 下 : 


protocol :// hostname[ :port] /path/ 


HTTP 请 求 
客 === = 
户 
机 < 一 一 一 一 一 
HTTP 咯 应 


图 1.3 Web 的 客户 机 /服务 器 结构 模式 


误 冰 渤 q9 作 


各 部 分 说 明 如 下 。 

protocol: 指定 使 用 的 文件 传输 协议 ,通常 为 HTTP。 

hostname( 主 机 名 ) : 是 指 存放 资源 的 服务 器 的 域名 系统 (DNS) 主 机 名 或 IP 地 址 。 
port( 端 口号 ) : 整数 ,可 选 ,省 略 时 使 用 方案 的 默认 端口 ,各 种 传输 协议 都 有 默认 的 端 
口号 ,如 HTTP 的 默认 端口 为 80。 如 果 输 入 时 省 略 , 则 使 用 默认 端口 号 。 
path( 路 径 ); 由 零 或 多 个 “/” 符 号 隔 开 的 字符 串 ,一 般 用 来 表示 主机 上 的 一 个 目录 或 文 
件 名 (如 果 省 略 目 录 , 服 务 器 在 网 站 主 目录 查找 文件 ; 如 果 省 略 文件 名 ,服务 器 查找 命 
名 为 index. html index. htm、default. html 或 default. htm 的 文件 ) 。 

例如 : 


http://localhost:50922/WebForm1.aspx 
/人 天 


HTTPIiX 。 本 地 服务 器 


端口 为 50922 ”网 页 文件 


http://www.whu.edu.cn/znbm.htm 


\V ”武汉 大 学 
HTTP 协 议 网 站 网 页 文件 


URL 提供 了 位 于 本 地 Web 服务 器 或 远程 Web 服务 器 上 的 信息 ,通过 使 用 HTTP 来 管 
理 这 些 信 息 , 用 户 就 可 以 在 Web 上 创建 对 URL 的 引用 了 。 

广义 上 讲 , 凡 是 提供 服务 的 一 方 称 为 服务 端 ,而 接受 服务 的 一 方 称 为 客户 端 。 例 如 , 当 读 
者 在 浏览 新 浪 网 站 主页 时 ,新 浪 网 站 主页 所 在 的 服务 器 称 为 服务 端 ,而 读者 自己 的 计算 机 就 称 
为 客户 端 。 

只 要 在 计算 机 上 安装 有 接受 服务 的 软件 ,这 人 台 计 算 机 就 变 成 一 台 服 务 器 。 例 如 ,在 一 台 计 
算 机 上 安装 有 数据 库 服务 器 组 件 ( 如 SQL Server) , 它 就 是 一 台数 据 库 服 务 器 。Web 服务 器 是 
指 具 有 允许 它们 接受 和 响应 来 自 客户 端 计算 机 的 请 求 的 特定 软件 的 计算 机 ,Web 服务 器 允许 
用 户 通过 Internet/Intranet 共享 信息 。 

在 一 台 计 算 机 上 安装 有 客户 端 软件 ,这 台 计 算 机 就 变 成 一 台 客 户 机 。 在 因特网 中 客户 端 
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软件 主要 有 浏览 器 ,如 IE 浏览 器 或 百度 浏览 器 等 。 

这 里 指 的 服务 器 和 客户 机 并 不 是 从 硬件 上 划分 的 ,如 果 一 台 计算 机 上 既 安 装 有 服务 器 软件 ,又 
安装 有 客户 机 软件 , 则 它 既 是 服务 器 又 是 客户 机 ,也 就 是 说 它 既 可 以 作为 服务 端 又 可 以 作为 客户 
端 。 如 果 此 时 本 机 的 客户 端 访问 本 机 的 服务 端 ,相对 该 客户 端 而 言 , 该 服务 端 称 为 本 机 服务 端 。 

2. HTTP 协议 

HTTP 是 一 种 以 TCP/IP 通信 协议 为 基础 的 应 用 协议 , 它 提供 了 在 Web 服务 器 和 客户 端 
浏览 器 之 间 传 输 信 息 的 一 种 机 制 。 也 就 是 说 ,HTTP 负责 规定 客户 端 浏览 器 和 服务 器 怎样 互 
相交 流 的 。HTTP 协议 的 主要 特点 可 概括 如 下 。 

。 支持 客户 机 /服务 器 模式 。 

。 简单 快速 : 客户 机 向 服务 器 请 求 服务 时 ,只 需 传送 请 求 方法 和 路 径 。 由 于 HTTP 协议 

简单 ,使 得 HTTP 服务 器 的 程序 规模 小 ,因而 通信 速度 很 快 。 
。 灵活 : HTTP 允许 传输 任意 类 型 的 数据 对 象 。 
。 无 连接 : 无 连接 的 含义 是 限制 每 次 连接 只 处 理 一 个 请 求 。 服 务 器 处 理 完 客户 的 请 求 ， 
并 收 到 客户 的 应 答 后 , 即 断 开 连 接 。 采 用 这 种 方式 可 以 节省 传输 时 间 。 

。 无 状态 : HTTP 协议 是 无 状态 协议 。 无 状态 是 指 协议 对 于 事务 处 理 没有 记忆 能 力 。 
缺少 状态 意味 着 如 果 后 续 处 理 需 要 前 面 的 信息 , 则 它 必 须 重 传 ,这 样 可 能 导致 每 次 连 
接 传送 的 数据 量 增 大 。 另 外 ,在 服务 器 不 需要 先前 信息 时 它 的 应 答 就 较 快 。 

Web 使 用 HTTP 协议 传输 各 种 超 文 本 网 页 和 数据 。HTTP 协议 的 会 话 过 程 包括 如 下 4 
个 步骤 。 

J@ 建立 连接 : 客户 端的 浏览 器 向 服务 端 发 出 建立 连接 的 请 求 , 服 务 端 给 出 响应 就 可 以 建 
立 连接 了 。 

@ 发 送 请 求 : 客户 端 按照 协议 的 要 求 通过 连接 向 服务 端 发 送 自己 的 请 求 。 客 户 端 通常 
采用 HTTP URL 向 服务 器 端 发 出 访问 请 求 。 

@ 给 出 应 答 : 服务 端 按照 客户 端的 要 求 给 出 应 答 ,把 结果 (HTML 文件 ) 返 回 给 客户 端 。 也 
就 是 说 ,服务 端 将 选中 的 HTML 文档 通过 该 连接 传输 到 客户 端 ,并 将 之 在 浏览 器 中 显示 出 来 。 

@ 关闭 连接 : 客户 端 接 到 应 答 后 关闭 连接 。 也 就 是 说 , HTML 文档 传 到 客户 端 后 ,服务 
器 将 会 立即 自动 地 终止 这 个 TCP/IP 连接 。 

注意 : 在 向 客户 端 发 送 所 请 求 文件 的 同时 ,服务 器 并 没有 存储 关于 该 客户 的 任何 状态 信 
息 。 即 便 某 个 客户 端 在 几 秒 钟 内 再 次 请 求 同 一 个 对 象 ,服务器 也 不 会 说 自己 刚刚 给 它 发 送 了 
这 个 对 象 。 

例如 , 某 客 户 端 发 送 请 求 的 URL 为 http://www. Website. com/somepath/index. html。 

假设 相应 的 index. html 网 页 由 1 个 基本 HTML 文件 和 5 个 JPEG 图 像 文 件 构成 ,而 且 
所 有 这 些 对 象 都 存放 在 同一 台 服 务 器 主机 中 。 则 完整 的 会 话 过 程 如 下 : 

@ 客户 机 初始 化 一 个 与 服务 器 主机 www. website. com 中 的 服务 器 的 TCP 连接 。 服 务 
器 使 用 默认 端口 号 80 监听 来 自 客户 机 的 连接 建立 请 求 。 

@ 客户 机 经 由 与 TCP 连接 相关 联 的 本 地 套 接 字 发 出 一 个 HTTP 请 求 消息 。 这 个 消息 
中 包含 路 径 名 /somepath/index. html。 

@ 服务 器 经 由 与 TCP 连接 相关 联 的 本 地 套 接 字 接 收 这 个 请 求 消息 ,再 从 服务 器 主机 的 内 
存 或 硬盘 中 取出 对 象 /somepath/index. html, 经 由 同一 个 套 接 字 发 出 包含 该 对 象 的 响应 消息 。 

@ 服务 器 告知 TCP 关闭 这 个 TCP 连接 (不 过 TCP 要 到 客户 机 收 到 刚才 这 个 响应 消息 
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之 后 才 会 真正 终止 这 个 连接 ) 。 

@ 客户 经 机 由 同一 个 套 接 字 接收 这 个 响应 消息 。TCP 连接 随后 终止 。 该 消息 标明 所 封 
装 的 对 象 是 一 个 HTML 文件 。 客 户 机 从 中 取出 这 个 文件 ,加 以 分 析 后 发 现 其 中 有 5 个 JPEG 
对 象 的 引用 。 

@ 给 每 一 个 引用 到 的 JPEG 对 象 重 复 步骤 四 一 四 。 


1.2.4 Web 网 页 .网 页 文件 和 网 站 


Web 网 页 简称 为 网 页 或 页 面 ,是 指 因特网 上 按照 HTML( 超 文本 标记 语言 ) 格 式 组 织 起 
来 的 文件 ,在 通过 因特网 进行 信息 查询 时 以 信息 页 面 的 形式 出 现 , 它 包括 图 形 、 文 字 、 声 音 和 视 
像 等 信息 。 网 页 是 网 站 的 基本 信息 单位 ,是 Web 的 基本 文档 。 它 由 文字 、 图 片 . 动 画 、 声 音 等 
多 种 媒体 信息 组 成 ,通过 链接 实现 与 其 他 网 页 或 网 站 的 关联 和 跳 转 。 

网 页 文件 是 用 HTML 编写 的 ,可 在 Web 上 传输 ,能 被 浏览 器 识别 显示 的 文本 文件 ,其 扩 
展 名 是 htm 和 html 等 。 

网 站 通常 由 众多 不 同 内 容 的 网 页 构成 ,具有 独立 域名 ,网 页 的 内 容 可 体现 网 站 的 全 部 功 
能 。 通 常 把 进入 网 站 首先 看 到 的 网 页 称 为 首页 或 主页 (homepage) 。 


1.2.5 静态 网 页 和 动态 网 页 


在 因特网 中 ,最 常见 的 就 是 Web 网 页 。 一 般 说 来 ,出 现在 浏览 器 中 的 Web 网 页 不 外 乎 有 
两 种 , 即 静态 网 页 和 动态 网 页 。 
1. 静态 网 页 
所 谓 静态 网 页 就 是 指 那 些 不 能 够 接收 用 户 输入 信息 的 Web 网 页 ,其 内 容 是 静态 的 ,唯一 
的 响应 就 是 接收 鼠标 点 击 超 链 接 后 显示 所 连接 的 网 页 。 当 用 户 用 鼠标 点 击 其 中 一 个 超 链 接 
后 ,就 会 在 浏览 器 中 显示 所 连接 的 网 页 信息 。 
静态 网 页 采用 HTML 标记 语言 编写 的 ,静态 网 页 文件 通常 采用 html 或 htm 等 扩展 名 。 
例如 ,采用 Windows 中 的 记事 本 编写 以 下 静态 网 页 代码 并 存储 在 spage. html 文件 中 (位 
于 D:\ 电 子 商务 \CHI\ 目 录 下 ): 
< html > 
<head > 
<title> 一 个 静态 网 页 </title> 
</head > 
<body> 
<center> 
<font face= "黑体 "><h2> 一 电子 商务 网 站 一 </h2></font> 
< font face = "宋体 ">< h3 > 欢迎 光临 </h3 ></font> 
</center > 


</body> 
</html > 


双击 该 文件 ,在 IE 浏览 器 (默认 浏览 器 ) 中 显示 的 结果 如 图 1.4 所 示 。 在 浏览 器 中 右 击 ， 
在 出 现 的 快捷 菜单 中 选择 “查看 源 " 命 令 , 显 示 的 源 代码 与 上 述 代码 相同 。 

从 中 看 到 ,静态 网 页 中 没有 程序 代码 ,只 有 HTML 标记 。 

静态 网 页 的 工作 过 程 如 图 1. 5 所 示 ,其 基本 步骤 如 下 : 

Q@ 用 户 通过 客户 机 浏览 器 输入 网 址 并 回 车 来 发 出 Web 请 求 。 

@ 服务 器 收 到 静态 网 页 请 求 。 
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-电子 商务 网 站 - D7 
Internet 一- 
欢迎 光临 加 ~--” © 
客户 机 服务 器 
图 1.4 一 个 静态 网 页 在 还 浏览 器 中 显示 的 结果 图 1.5 静态 网 页 的 工作 过 程 


@ 服务 器 从 硬盘 的 指定 位 置 查找 相应 的 HTML 文件 。 

@ 将 硬盘 中 找到 的 HTML 文件 返回 给 服务 器 。 

@ 服务 器 向 客户 机 返回 该 请 求 的 文件 。 

@ 客户 机 浏览 器 收 到 请 求 的 文件 ,并 解析 这 些 HTML 代码 将 它 显示 出 来 。 

从 中 看 到 ,Web 服务 器 的 主要 功能 是 找到 用 户 要 访问 的 网 页 文件 ,不 做 任何 改动 直接 传 给 客户 
端 。 也 就 是 说 ,静态 网 页 是 实 实在 在 保存 在 服务 器 上 的 文件 ,每 个 网 页 都 是 一 个 独立 的 文件 。 由 于 
静态 网 页 没有 数据 库 的 支持 ,内 容 相 对 稳定 ,因此 容易 被 Web 服务 器 查找 ,访问 效率 高 。 

需要 指出 的 是 ,静态 网 页 中 可 以 包含 客户 端 脚本 ,常见 的 客户 端 脚本 语言 有 JavaScript 或 
VBScript 等 。 客 户 端 脚本 在 一 个 特定 的 网 页 中 改变 界面 以 及 行为 或 响应 鼠标 或 键盘 操作 ,如 
滚动 字幕 。 在 这 种 情况 下 ,客户 端 会 发 生动 态 行为 ,但 客户 端 生成 的 内 容 都 在 用 户 的 本 地 计算 
机 系统 中 ,也 就 是 说 ,这 类 网 页 的 动态 行为 都 在 客户 端 进行 的 ,是 在 客户 端 “ 动 而 网 页 本 身 动 
态 生成 的 ,所 以 仍 将 这 类 网 页 归 入 静态 网 页 。 

2. 动态 网 页 

所 谓 动 态 网 页 就 是 执行 时 用 户 可 以 输入 所 允许 的 各 种 信息 ,以 实现 人 机 交互 , 它 能 够 根据 
不 同 的 时 间 、 不 同 的 访问 者 而 显示 不 同 的 内 容 。 采 用 动态 网 页 技术 的 网 站 可 以 实现 更 多 的 功 
能 ,如 用 户 注册 .用户 登 录 、 在 线 调查 ,用户 管理 .订单 管理 等 。 

动态 网 页 中 不 仅 含有 HTML 标记 ,还 含有 相关 的 程序 代码 。 例 如 ,采用 ASP .NET 设计 
的 动态 网 页 ,网 页 的 后 级 名 是 aspx。 

动态 网 页 的 工作 过 程 与 图 1. 5 类 似 ,其 步骤 如 下 : 

Q@ 用 户 通过 客户 机 浏览 器 输入 网 址 并 回 车 来 发 出 Web 请 求 。 

@ 服务 器 收 到 动态 网 页 请 求 。 

@ 服务 器 从 硬盘 的 指定 位 置 查找 相应 的 动态 网 页 文件 

@ 将 硬盘 中 找到 的 动态 网 页 文件 返回 给 服务 器 ,服务 器 执行 源 代码 ,生成 HTML 文件 。 

@ 服务 器 向 客户 机 返回 该 HTML 文件 。 

@ 客户 机 浏览 器 收 到 请 求 的 文件 .并 以 图 形 方式 将 HTML 标记 显示 在 计算 机 屏幕 上 。 

从 中 看 到 ,对 于 动态 网 页 ,服务 器 的 主要 功能 是 通过 文件 系统 找到 用 户 要 访问 的 动态 网 页 
文件 ,执行 该 网 页 文件 的 程序 代码 ,产生 HTML 文件 ,再 将 该 HTML 文件 传 给 客户 机 。 

3. 静态 网 页 和 动态 网 页 的 比较 

和 静态 网 页 的 服务 器 相 比 ,动态 网 页 的 服务 器 不 仅 要 查找 动态 网 页 文件 ,还 要 解释 执行 其 
中 的 程序 代码 (对 于 ASP .NET 网 页 ,这 种 程序 代码 是 由 ASP .NET 引擎 执行 的 ,对 于 静态 网 
页 ,不 需要 这 种 引擎 ) ,将 含有 程序 代码 的 动态 网 页 转化 为 标准 的 静态 网 页 ,然后 将 静态 网 页 发 
送 给 客户 机 。 也 就 是 说 ,动态 网 页 实际 上 并 不 是 独立 存在 于 服务 器 上 的 网 页 文件 ,只 有 当 用 户 
请 求 时 服务 器 才 返 回 一 个 完整 的 网 页 ,这 个 返回 的 网 页 事先 并 不 存在 ,而 是 由 引擎 (如 ASP 
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.NET 引擎 ) 生 成 的 。 
归纳 起 来 ,静态 网 页 和 动态 网 页 的 比较 如 表 1. 1 所 示 。 从 中 看 出 ,静态 网 页 和 动态 网 页 各 
有 优 缺 点 ,在 实际 应 用 中 ,开发 人 员 根 据 任 务 的 需要 选择 设计 哪 种 类 型 的 网 页 。 


表 1.1 和 静态 网 页 和 动态 网 页 的 比较 


比较 项 静态 网 页 动态 网 页 
内 容 网 页 内 容 固 定 网 页 内 容 动 态 生成 
含 程序 代码 无 含 C# 或 VB 等 程序 代码 
后 缀 .htm、. html、. shtml 等 .asp、. jsp、. php、. cgi、. aspx 等 
优点 无 须 系 统 实时 生成 ,网 页 风格 灵活 多 样 ”日 常 维护 简单 ,更 改 结构 方便 ,交互 性 能 强 
缺点 交互 性 能 较 差 ,日 常 维护 繁琐 需要 大 量 的 系统 资源 合成 网 页 
数据 库 不 支持 支持 


1.2.6 Web 网 页 开发 技术 


WWW 是 一 种 典型 的 分 布 式 应 用 架构 ,其 应 用 中 的 每 一 次 信息 交换 都 要 涉及 客户 端 和 服 
务 端 两 个 层面 。 因 此 ,Web 网 页 开发 技术 大 体 上 也 可 以 被 分 为 Web 客户 端 技术 和 Web 服务 
器 端 技术 两 大 类 。 

Web 客户 端的 主要 任务 是 展现 信息 内 容 , 而 HTML 语言 则 是 信息 展现 的 最 有 效 载体 之 
一 。 最 初 的 HTML 语言 只 能 在 浏览 器 中 展现 静态 的 文本 或 图 像 信息 ,满足 不 了 人 们 对 信息 
丰富 和 多 样 性 的 强烈 需求 ,因此 ,由 静态 技术 向 动态 技术 的 转变 成 为 了 Web 客户 端 技术 演进 
的 必然 趋势 。 目 前 ,支持 Web 客户 端 动态 技术 主要 有 VBScript 和 JavaScript 脚本 语言 。 

与 客户 端 技术 从 静态 向 动态 的 演进 过 程 类 似 , Web 服务 器 端的 网 页 开发 技术 也 是 由 静态 
向 动态 逐渐 发 展 、 完 善 起 来 的 。 最 早 的 Web 服务 器 简单 地 响应 浏览 器 发 来 的 HTTP 请 求 ,并 
将 存储 在 服务 器 上 的 HTMIL 文件 返回 给 浏览 器 。 

第 一 种 真正 使 服务 器 能 根据 执行 时 的 具体 情况 ,动态 生成 HTML 页 面 的 技术 是 CGI 
(Common Gateway Interface, 通 用 网 关 接口 ) 技 术 。CGI 技术 允许 服务 器 端的 应 用 程序 根据 
客户 端的 请 求 ,动态 生成 HTML 网 页 ,这 使 客户 端 和 服务 器 端的 动态 信息 交换 成 为 了 可 能 。 

1994 年 出 现 了 PHP(Hypertext Preprocessor, 超 文本 预 处 理 器 ) 语 言 , 它 将 HTML 代码 
和 PHP 指令 合成 为 完整 的 服务 易 端 动态 页 面 ,Web 应 用 的 开发 者 可 以 用 一 种 更 加 简便 快捷 
的 方式 实现 动态 Web 功能 。 

1996 年 ,微软 公司 借鉴 PHP 的 思想 ,在 其 Web 服务 器 JIS 3. 0(Internet Information 
Server,Internet 信息 服务 器 ) 中 引入 了 ASP(Active Server Pages, 活 跃 服务 器 页 面 ) 技 术 。 
ASP 使 用 的 脚本 语言 VBScript 和 JavaScript, 借助 Microsoft Visual Studio 等 开发 工具 在 市 
场 上 的 成 功 ,ASP 迅速 成 为 了 Windows 系统 下 Web 服务 器 端的 主流 开发 技术 。 

1997 年 ,Servlet 技术 问世 。1998 年 ,JSP 技术 诞生 。Servlet 和 JSP 的 组 合 ( 还 可 以 加 上 
JavaBean 技术 ) 让 Java 开发 者 同时 拥有 了 类 似 CGI 程序 的 集中 处 理 功能 和 类 似 PHP 的 
HTML 嵌入 功能 。 

2000 年 ,微软 公司 推出 了 基于 .NET Framework 的 ASP .NET 1.0 版 本 ,2002 年 推出 了 
ASP .NET 1.1 版 本 ,2005 年 推出 了 ASP .NET 2.0 版 本 ,2008 年 推出 了 ASP .NET 3. 5 版 
本 ,2010 年 推出 了 ASP .NET 4.0 版 本 ,2012 年 又 推出 了 ASP .NET 4.5 版 本 。 

下 面 简要 介绍 常见 的 几 种 Web 网 页 开发 技术 : 
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CGI: 一 种 早期 的 动态 网 页 技术 。 可 以 使 用 不 同 的 程序 设计 语言 编写 适合 的 CGI 程 
序 ,如 VB、Delphi 或 C/C++ 等 。 虽然 CGI 技术 已 经 发 展 成 熟 而 且 功 能 强大 ,但 由 于 编 
程 困难 效率 低下 .修改 复杂 ,所 以 逐渐 被 新 技术 所 取代 。 

ASP: 是 微软 公司 开发 的 服务 器 端 脚本 环境 ,内 置 于 IIS 3.0 及 以 后 版 本 之 中 ,通过 
ASP 可 结合 HTML 网 页 、.ASP 指令 和 ActiveX 组 件 建立 动态 、 交 互 且 高 效 的 Web 服 
务 器 应 用 程序 。 有 了 ASP, 就 不 必 担 心 客户 浏览 器 是 否 能 执行 所 编写 的 代码 ,因为 所 
有 程序 都 将 在 服务 器 端 执 行 , 包 括 所 有 谋 在 普通 HTML 中 的 脚本 程序 。 当 程序 执行 
完毕 后 ,服务 器 仅 将 执行 结果 返回 给 客户 浏览 器 ,这 样 也 减轻 了 客户 浏览 器 的 负担 ,大 
大 提高 了 交互 的 速度 。ASP 3.0 是 经 典 ASP 的 最 后 一 个 版 本 。 

PHP: 是 一 种 易于 学 习 和 使 用 的 服务 器 端 脚本 语言 。 只 需要 很 少 的 编程 知识 就 能 使 
用 PHP 建立 一 个 真正 交互 的 Web 网 站 。PHP 不 需要 特殊 的 开发 环境 ,不 仅 支 持 多 
种 数据 库 , 还 支持 多 种 通信 协议 。 

JSP: 与 ASP 技术 非常 相似 ,两 者 都 提供 在 HTML 代码 中 混合 某 种 程序 代码 、 由 语言 
引擎 解释 执行 程序 代码 的 功能 。 与 ASP 一 样 ,JSP 中 的 Java 代码 均 在 服务 器 端 执行 。 
ASP .NET: 是 继 ASP 后 推出 的 全 新 动态 网 页 制作 技术 ,是 建立 在 .NET Framework 
的 公共 语言 运行 库 上 的 ,可 用 于 在 服务 器 上 生成 功能 强大 的 Web 应 用 程序 。 它 在 性 
能 上 比 ASP 强 很 多 ,与 PHP 和 JSP 相 比 也 存在 明显 的 优势 。 


1.3 电子 商务 网 站 的 开发 过 程 


知识 梳理 
网 站 的 规划 与 设计 
CE 而 多 站 和 开发 过 程 和 > 网 站 建设 
网 站 发 布 和 网 站 的 管理 与 维护 
1.3.1 电子 商务 网 站 开发 步骤 


电子 商务 网 站 开发 总 的 来 说 需要 经 历 4 个 步骤 ,分 别 是 网 站 的 规划 与 设计 、 网 站 建设 、 网 
站 发 布 和 网 站 的 管理 与 维护 ,如 图 1. 6 所 示 。 


网 站 的 规划 与 设计 
和 网 站 建设 


C 网 站 发 布 
C 


图 1.6 电子 商务 网 站 开发 步骤 
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1.3.2 网 站 规划 与 设计 


网 站 的 规划 与 设计 是 网 站 建设 的 第 一 步 。 需 要 对 网 站 进行 一 系列 的 分 析 和 估计 ,然后 根 
据 分 析 的 结果 提出 合理 的 建设 方案 ,这 就 是 网 站 的 规划 与 设计 。 网 站 的 规划 与 设计 可 分 为 网 
站 定位 栏目 规划 、 目 录 结 构 设 计 、 风 格 设计 、 导 航 系统 设计 等 环节 。 

1. 网 站 的 定位 

网 站 的 定位 就 是 确定 网 站 的 建设 目标 , 它 通常 需要 确定 三 个 方面 : 网 站 的 建设 目的 、 网 站 
的 访问 对 象 和 网 站 的 内 容 与 服务 。 用 更 通俗 的 话 来 说 ,就 是 回答 “为 什么 要 建立 这 个 网 站 ? 这 
个 网 站 为 谁 服务 ? 网 站 提供 哪些 方面 的 内 容 和 服务 ?” 

电子 商务 站 点 主要 是 为 了 在 企业 与 企业 ,企业 与 个 人 消费 者 之 间 建 立 更 为 直接 和 高 效 的 
商务 通道 ; 电子 政务 网 站 代表 的 是 政府 部 门 ,所 以 主要 是 通过 它 来 宣传 政府 的 形象 .实现 政务 
公开 向 社会 提供 有 价值 的 公益 和 导向 信息 ,以 及 实现 网 上 政务 ; 个 人 站 点 则 主要 是 为 了 介绍 
个 人 的 兴趣 爱好 ,通过 共享 信息 来 结识 更 多 的 朋友 。 

2. 栏目 规划 及 其 任务 

栏目 规划 的 主要 任务 是 对 所 收集 的 大 量 内 容 进行 有 效 的 筛选 ,并 将 它们 组 织 成 一 个 合理 
的 便于 理解 的 逻辑 结构 , 即 建立 网 站 的 逻辑 结构 ,在 这 其 中 不 仅 需要 为 整个 网 站 建立 层次 型 结 
构 , 还 需要 为 每 一 个 栏目 或 子 栏目 设计 合理 的 逻辑 结构 。 除 此 之 外 ,栏目 规划 还 需要 确定 哪些 
是 重点 栏目 .哪些 是 需要 实时 更 新 的 栏目 .需要 提供 哪些 功能 性 栏目 等 。 

例如 ,对 于 一 个 企业 网 站 来 说 ,公司 简介 、 产 品 介绍 ,服务 内 容 , 联 系 方式 .技术 支持 等 栏目 
都 是 必需 的 栏目 。 其 中 ,产品 介绍 、 价 格 信息 、 网 上 定购 和 产品 动态 等 便 是 重点 栏目 。 在 确定 
必需 的 栏目 和 重点 栏目 后 ,再 建立 栏目 的 层次 型 结构 , 即 从 上 到 下 一 级 一 级 地 确定 每 一 层 的 栏 
目 ,所 有 的 栏目 及 其 子 栏目 连 在 一 起 就 形成 了 网 站 的 层次 型 结构 ,常见 的 与 线 型 结构 、 层 次 型 
结构 和 网 络 型 结构 。 

3. 网 站 风格 设计 


风格 设计 包含 很 多 内 容 , 为 了 体现 个 人 风格 ,符合 网 站 的 名 称 和 定位 ,风格 设计 主要 有 网 
页 色彩 搭配 和 版 面 布局 等 。 

网 站 的 色彩 是 最 影响 网 站 整体 风格 的 因素 ,也 是 站 点 美工 设计 中 最 令 人 头疼 的 问题 。 网 
站 的 色彩 搭配 通常 分 为 两 个 步骤 ,那么 第 一 步 就 是 为 整个 网 站 选取 一 种 主 色调 , 然 后 再 为 主 色 
调 搭 配 多 种 适合 的 颜色 。 主 色调 指 的 是 整个 网 站 给 人 印象 最 深 的 颜色 ,或 者 说 除 白色 之 外 用 
得 最 多 的 颜色 。 

版 面 布局 设计 需要 根据 内 容 文字 的 多 少 而 自然 分 割 , 同 报纸 、 杂 志 一 样 ,网 站 也 分 为 很 多 
不 同 的 网 页 ,如 主页 .栏目 首页 和 内 容 网 页 等 。 

4. 网 站 目录 结构 设计 

目录 结构 又 称 为 物理 结构 ,解决 的 是 如 何在 硬盘 上 更 好 地 存放 包括 网 页 文件 .图片 和 数据 
库 文件 等 各 种 资源 在 内 的 所 有 网 站 资源 问题 。 

目录 结构 是 否 合理 ,对 网 站 的 创建 效率 会 产生 较 大 的 影响 ,但 更 主要 的 是 ,会 对 未 来 网 站 
的 性 能 、 网 站 的 维护 及 扩展 产生 很 大 的 影响 。 

不 建议 将 所 有 的 网 页 文件 和 资源 文件 都 放 在 同一 个 目录 下 。 当 文件 较 多 时 , Web 服务 器 
的 性 能 就 会 急剧 下 降 ,因为 查找 一 个 网 页 文件 需要 很 长 的 时 间 ,而 且 网 站 管理 员 在 区 分 不 同性 
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质 的 文件 和 查找 某 一 个 特定 的 文件 时 也 会 变 得 非常 麻烦 。 

通常 ,根据 栏目 规划 来 设计 目录 结构 ,将 图 片 及 资源 文件 都 放 在 一 个 独立 的 images 目录 
下 ,目录 的 层次 不 要 太 深 , 不 要 使 用 中 文 目录 名 ,可 执行 文件 和 不 可 执行 文件 分 开放 置 ,数据 库 
文件 单独 放置 。 

5. 网 站 的 导航 设计 

在 访问 网 站 时 也 一 样 ,用 户 期 望 在 任何 一 个 网 页 上 都 能 清楚 地 知道 目前 所 处 的 位 置 , 并 且 
能 快速 地 从 这 个 网 页 切换 到 另 一 网 页 。 因 此 网 站 导航 对 于 一 个 网 站 来 说 非常 的 必要 和 重要 ， 
它 是 衡量 一 个 网 站 是 否 优秀 的 重要 标准 。 

导航 最 常用 的 实现 方法 就 是 导航 条 。 在 导航 条 中 ,所 有 超 链接 对 应 的 网 页 在 网 站 的 层次 
型 结构 中 是 并 列 的 ,所 以 通过 它 可 以 快速 地 切换 到 并 列 的 其 他 网 页 。 如 图 1. 7 所 示 的 腾讯 新 
闻 网 首页 (网 站 为 http://news. qq. com) 中 就 有 很 多 导航 条 。 首 先是 网 站 第 一 层 分 类 栏目 的 
导航 条 ,这 个 导航 条 几乎 出 现在 腾讯 新 闻 网 的 所 有 网 页 中 ,所 以 在 任何 一 个 网 页 通过 它 都 可 以 
立即 跳 转 到 国内 、 国 际 和 社会 等 各 个 栏目 的 首页 。 


天 讯问 前 页 着 闻 财经 体育 ”可 乐 科技 更 多 v 。 FB 地 图 部 助 v -Ma 采风 让 四 
区 0 os 勤 大 测 i 式 久 : 
惊喜 六 重 礼 


已 
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* 习近平 出 诫 上 海 合作 组 织 乌 法 姥 会 并 发 表 重要 讲话 助 学 贷 款 和 的 丰 训 是 信 委 


“法 寻 会 当 评 之 五: 中 国 时 力 乌 法 由 全 完美 必 计 see 
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“历史 | 太原 会 战 : 国 半 配合 最 里 之 役 
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会 | 沈阳 警方 击 丝 3 名 暴 恐 分 子 暴徒 喊 “ 圣 战 ”口号 “食品 问题 何妨 多 休 点 排 全 工作 
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* 昆明 火车 站 严重 景 恐 案 3 名 罪犯 被 执行 死刑 


影 候 力 
1.7 腾讯 网 首页 


1.3.3 网 站 建设 

在 网 站 的 规划 与 设计 完成 之 后 ,就 可 以 着 手 进行 站 点 的 建设 工作 了 。 站 点 建设 分 为 4 部 
分 ,分 别 为 域名 注册 、 网 站 平台 配置 .网 页 制作 和 网 站 测试 。 

1. 域名 注册 

域名 注册 是 将 网 站 的 域名 合法 化 以 便 用 户 能 通过 这 个 域名 访问 电子 商务 网 站 。 注 册 之 后 
别人 就 不 能 再 次 使 用 相同 的 域名 进行 注册 了 。 

2. 网 站 平台 配置 

网 站 配置 首先 要 做 的 就 是 为 网 站 选择 合适 的 发 布 平台 , 即 选择 适合 网 站 规模 的 各 种 软 硬 
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件 资源 ,包括 确定 服务 器 解决 方案 和 软件 平台 等 
常见 的 服务 器 解决 方案 如 下 。 
。 自 建 服 务 器 : 易于 控制 ,安全 。 但 需要 申请 专线 接 入 ,适用 于 处 理 敏 感 数据 的 站 点 ,如 
电子 商务 站 点 。 
。 托管 服务 器 : 将 自己 的 服务 器 放 到 高 带宽 和 网 (100M 以 上 ) 的 电信 局 或 专门 的 数据 中 
心 , 通 过 拨号 ISDN 或 DDN 等 低速 线路 远程 维护 。 该 方案 提供 优越 的 机 架空 间 、 网 
络 安全 防护 .UPS 供电 恒温 恒 湿 环境 及 防火 设施 等 ,适用 于 中 大 规模 的 网 站 。 许 多 
大 型 网 站 就 是 以 此 形式 建立 站 点 及 镜像 站 点 的 。 
。 租用 服务 器 : 与 托管 服务 器 相似 ,只 是 主机 不 是 自己 的 。 
。 虚拟 主机 : 在 同一 计算 机 硬件 .同一 操作 系统 上 ,可 以 建立 多 个 Web 站 点 ,每 个 站 点 在 
访问 者 看 来 好 像 是 在 一 个 独立 的 主机 硬件 上 ,这 样 的 Web 站 点 称 为 虚拟 主机 。 每 一 
个 虚拟 主机 具有 独立 的 域名 ,可 以 共享 一 个 IP 地 址 ,也 可 以 具有 独立 的 IP 地 址 ,能 提 
供 完整 的 Internet 服务 (包括 Web、FTP、E-mail 等 )。 其 缺点 是 ,不 支持 高 访问 量 , 远 
程 管理 权限 有 限 ,软件 安装 不 方便 。 它 适用 于 小 企业 做 产品 宣传 和 业余 爱好 者 发 布 
数据 。 
常见 的 软件 平台 如 下 。 
。 操作 系统 软件 : UNIX、Linux 和 Windows 操作 系统 等 。 
。 Web 服务 器 软件 : IIS、Apache 和 AIX 等 。 
。 数据 库 管理 系统 : DB2、Oracle、Sybase、SQL Server 和 MySQL 等 。 
3. 网 页 制作 
网 页 制作 指 的 就 是 使 用 网 页 制作 工具 来 制作 每 一 个 网 页 。 网 页 文件 是 一 种 特殊 的 文本 文 
件 , 所 以 它 的 制作 工具 非常 广泛 ,如 记事 本 和 Ultraedit 等 都 可 以 用 来 制作 网 页 。 但 是 最 为 主 
要 的 还 是 使 用 专用 的 网 页 制作 工具 ,如 Macromedia 公司 开发 的 Dreamweaver 系列 、 微 软 公 司 
开发 的 FrontPage 和 Visual Studio 等 。 
4. 网 站 测试 
所 有 网 页 都 制作 完成 之 后 ,在 正式 对 外 发 布 网 站 之 前 ,还 有 一 步 非 常 重要 的 工作 就 是 网 站 
测试 。 网 站 测试 的 目的 就 是 为 了 保证 在 网 站 发 布 之 后 所 有 的 用 户 都 能 正常 地 浏览 网 页 和 使 用 
所 提供 的 服务 。 
网 站 测试 通常 包括 功能 测试 ,性 能 测试 .可 用 性 测试 .客户 端 兼容 性 测试 和 安全 性 测试 等 
5 个 方面 。 


1.3.4 网 站 发 布 和 网 站 的 管理 与 维护 


当 网 页 基本 制作 完毕 、 网 站 测试 基本 通过 之 后 , 即 可 发 布 网 站 ,以 便 让 所 有 的 因特网 用 户 
都 能 通过 因特网 访问 这 个 网 站 。 网 站 发 布 最 基本 的 工作 就 是 将 网 页 传送 到 Web 服务 器 之 上 ， 
最 常用 的 方式 就 是 使 用 FTP。FTP 是 因特网 中 用 于 访问 远程 机 器 的 一 个 协议 ,使 用 户 可 以 在 
本 地 机 和 远程 机 之 间 进 行 有 关 文 件 的 操作 ,允许 传输 任意 文件 并 且 人 允许 文件 具有 所 有 权 与 访 
问 权限 。 也 就 是 说 ,通过 FTP 协议 ,可 以 与 因特网 上 的 FTP 服务 器 进行 文件 的 上 传 或 下 载 等 
动作 ,可 以 实现 发 布 网 站 的 功能 。 另 外 ,一 些 强大 的 网 页 制作 工具 如 Visual Studio 也 具有 网 
页 发 布 的 功能 。 
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网 站 管理 与 维护 是 一 项 非常 繁重 的 工作 ,目的 是 为 了 保证 网 站 的 正常 运行 。 网 站 管理 


维护 的 内 容 主 要 分 为 安全 管理 ,性 能 管理 和 内 容 管 理 等 方面 。 


1.4 练 习 题 


1. 单项 选择 题 
(1) Internet 是 目前 全 世界 规模 最 大 、 信 息 资源 最 多 的 计算 机 网 络 , 它 是 一 个 ( 
A. 外 部 网 B. 专用 网 C. 公共 信息 网 D. 城 域 网 
(2) 目前 ,人 们 所 提 及 的 电子 商务 多 指 在 ( ) 上 开展 的 商务 活动 。 
A. 手机 B. 网 络 C. 计算 机 D. POS 机 
(3) 电子 商务 是 在 ( ) 技 术 与 网 络 通信 技术 的 互动 发 展 中 产生 和 不 断 完 善 的 。 
A. 电子 B. 微波 C. 多 媒体 D. 计算 机 
(4) 电子 商务 的 主要 流通 渠道 是 ( 入 
A. 企业 -批发 商 -零售 商 -消费 者 B. 企业 -消费 者 
C. 企业 -中 介 商 -消费 者 D. 企业 -零售 商 - 消 费 者 
(5) 电子 商务 的 主要 成 分 是 ( a 
A. 电子 B. 商务 C. 交易 D. 网 络 


(6) 电子 商务 的 前 提 是 ( )5 


A. 商务 信息 化 B. 商务 国际 化 C. 交易 国际 化 D. 交易 网 络 化 


(7) 对 电子 商务 的 理解 ,至 少 应 从 ( ) 两 个 方面 考虑 。 


A. 计算 机 技术 和 商务 B. 现代 信息 技术 和 商务 

C. 网 络 技术 和 商务 D. 通信 技术 和 商务 
(8) TCP/IP 协议 是 ( ) 上 所 使 用 的 协议 。 

A. Internet B. Intranet C. Extranet D. LAN 
(9) 网 页 是 WWW 的 基本 文档 , 它 是 用 ( ) 编 写 的 。 

A. HTML 语言 B. C 语言 

C. FORTRAN 语言 D. Java 语言 
(10) 以 下 ( ) 不 属于 Web 网 页 开发 技术 。 

A. ASP .NET B. Linux C. JSP D. PHP 
(11) 以 下 文件 扩展 名 中 只 有 ( ) 不 是 静态 网 页 的 后 组 。 

A. html B. shtml C. htm D. aspx 
(12) 以 下 文件 名 后 级 中 只 有 ( “) 是 静态 网 页 的 后 缀 。 

A. asp B. aspx C. htm D. jsp 


(13) 下 列 说 法 正确 的 是 ( )'s 
A. 页 面 上 有 动态 的 东西 就 是 动态 网 页 
静态 网 页 内 容 固 定 , 交 互 性 能 比 动态 网 页 差 
. ASP、JSP 和 ASP .NET 技术 都 是 把 脚本 语言 嵌入 到 HTML 文档 中 
. ASP .NET 程序 和 ASP 程序 一 样 都 是 解释 执行 


be 


= 


与 
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(14) HTTP 协议 是 一 种 ( ) 协 议 。 


A. 文件 传输 协议 B. 远程 登录 协议 
C. 邮件 协议 D. 超 文本 传输 协议 
2. 问答 题 


(1) 什么 是 电子 商务 ? 和 传统 商务 比较 ,电子 商务 在 哪些 方面 有 所 不 同 ? 
(2) 电子 商务 有 哪些 主要 的 分 类 方法 ? 

(3) 简 述 电子 商务 网 站 开发 的 主要 步骤 。 

(4) 简 述 静态 网 页 和 动态 网 页 执行 时 的 最 大 区 别 。 
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我 要 开发 一 个 电 
子 商务 网 站 ， 先 
配置 开发 环境 


本 章 指南 
。 电子 商务 网 站 开发 环境 
。 安装 和 配置 Visual Studio 2012 
。 安装 和 使 用 SQL Server 2012 
2.1 电子 商务 网 站 开发 环境 
知识 梳理 


电子 商务 网 站 开发 环境 配置 个 人 的 电子 商务 网 站 开发 环境 


图 2. 1 所 示 是 典型 的 ASP .NET 电子 商务 网 站 开发 环境 。 客 户 机 与 Web 服务 器 之 间 以 
及 Web 服务 器 与 数据 库 服务 器 之 间 可 以 通过 局 域 网 或 Internet 进行 通信 。 


Windows 7 或 更 高 版 本 Windows Server 2008 R2 或 更 高 版 本 
NET Framework 4.5 NET Framework 4.5 SQL Server 2012 
Visual Studio 2012 ITS 7.0 或 更 高 版 本 

客户 机 Web 服 务 器 数据 库 服务 器 


图 2.1 电子 商务 网 站 开发 环境 


上 述 Web 开发 环境 简称 为 Windows 十 IIS 十 ASP .NET 十 SQL Server。 采 用 的 开发 工具 
为 Visual Studio。 


第 2 章 电子 商务 网 站 开发 环境 配置 19 


Visual Studio 2012 是 微软 公司 于 2012 年 9 月 推出 的 基于 Windows 的 开发 环境 ,支持 包 
括 ASP .NET Web、WPF 和 WinForms 客户 端 \Silverlight\ 平 行 计算 和 云 计 算 等 众多 用 于 开 
发 ,还 在 核心 集成 开发 环境 (IDE) 代码 编辑 器 、 编 程 语言 ,以 及 企业 设计 、 架 构 师 、Office 集 
成 .SharePoint 3.0 集成 和 测试 工具 方面 做 了 显著 的 改进 ,是 目前 电子 商务 网 站 的 优秀 平台 。 

.NET Framework 是 .NET 应 用 程序 开发 框架 的 运行 库 , 也 就 是 说 如 果 执 行 的 程序 是 用 
.NET 开发 的 ,就 需要 .NET Framework 作为 底层 运行 环境 。 在 开发 .NET 应 用 程序 时 ,也 需 
要 .NET Framework 的 支持 。 

Visual Studio 2012 基于 .NET Framework 4.5, 可 以 开发 Windows 窗 体 应 用 程序 、Web 
应 用 程序 和 Web 服务 等 ,并 支持 C# 、VB、C++ 和 下 # 等 多 种 计算 机 语言 。 

IIS(Internet Information Services) 是 用 于 创建 ,管理 和 承载 ASP .NET 网 站 的 Web 服务 
器 , 它 是 Windows 的 一 个 组 件 。 为 了 方便 Web 开发 ,Visual Studio 2012 自 带 了 IIS Express， 
它 是 一 款 免 费 软件 , 且 小 型 、 轻 量 特别 适合 ASP .NET 开发 人 员 使 用 的 Web 开发 服务 器 。1IS 
Express 除了 没有 IIS 的 可 视 化 管理 界面 ,几乎 用 于 其 全 部 的 功能 。 

SQL Server 2012 是 微软 公司 推出 的 新 一 代数 据 库 管理 系统 ,不 仅 延续 现 有 数据 平台 的 
强大 能 力 ,全 面 支持 云 技术 ,并 且 能 够 快速 构建 相应 的 解决 方案 ,实现 云 之 间 数 据 的 扩展 与 应 
用 的 迁移 ,包括 支持 来 自 于 不 同 网 络 环境 的 数据 的 交互 ,全面 的 自助 分 析 等 创新 功能 。 针 对 大 
数据 以 及 数据 仓库 ,SQL Server 2012 提供 从 几 TB 到 数 百 TB 全 面 端 到 端的 解决 方案 。 

如 果 在 本 机 上 开发 电子 商务 网 站 (也 称 为 独立 开发 方式 ), 采 
用 的 本 地 计算 机 既是 服务 器 又 是 客户 机 ,需要 配置 客户 端 软件 ,如 
Windows 7 或 更 高 版 本 ( 带 有 浏览 器 ); 又 要 配置 服务 端 软件 ,如 . 

NET Framework 4. 5、Visual Studio 2012 IIS Express (Visual Windows 7 或 更 高 版 本 
Studio 内 置 的 轻 量 级 的 IS) 和 SQL Server( 如 果 网 页 需要 访问 NET Framework 4.5 

SQL Server 数据 库 ) 等 。 本 书 的 开发 实例 采用 独立 开发 方式 ,如 Xo 20 
图 2.2 所 示 。 

在 开发 好 的 电子 商务 网 站 部 署 到 Web 服务 器 上 后 ,客户 机 只 
需要 安装 Windows 7( 带 IE 浏览 器 ) , 便 可 以 浏览 该 网 站 。 


图 2.2 ASP .NET 网 站 的 
独立 开发 方式 


2.2 安装 和 配置 Visual Studio 2012 


知识 梳理 


安装 Visual Studio 2012 
安装 和 配置 Visual Studio 2012 
设置 Visual C# 开 发 环境 


2.2.1 安装 Visual Studio 2012 


1. 下 载 和 安装 .NET Framework 4.5 


首先 安装 .NET Framework 4. 5。 如 果 计 算 机 上 没有 安装 .NET Framework 4.5, 可 以 从 
微软 网 站 免费 下 载 ,其 网 址 为 http://www. microsoft com/zh-cn/download/ details. aspx?id 一 
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30653, 下 载 的 文件 为 dotNetFx45_Full_setup. exe。 安 装 步 又 如 下 : 
@ 双击 dotNetFx45_Full_setup 应 用 程序 ,出 现 ” .NET Framework 4. 5 安装 程序 ”对 话 
框 , 勾 选 “我 已 阅读 并 接受 许可 条 款 ” 复 选 框 ,如 图 2. 3 所 示 , 单 击 “安装 ?按钮 。 


TT 
-了 PT Franework 4.5 安装 程序 AQ 
请 接受 许可 条 款 ， 以 便 继续 * 
.NE 


MICROSOFT 软件 补充 许可 条 教 回 


用 于 MICROSOFT WINDOWS 操作 系统 的 .NET FRAMEWORK 4.5 
及 相关 语言 包 


IMicrosoft Corporation (或 您 所 在 地 的 Microsoft Corporation 关联 公 
司 ) 现 授予 您 本 补充 程序 的 许可 。 如果 您 获得 了 Microsoft Windows 
操作 系统 软件 《以 下 滴 称 "软件 ") 的 使 用 许可 ， 您 就 可 以 使 用 本 补充 ~ 


加 我 已 疝 读 并 接受 许可 条 获  。 图 
估计 下 载 大 小 : 34 上 
估计 下 载 用 时 : 抄 呈 连接: 83 分 名 

并 这 :6 分 名 


图 2.3 “ .NET Framework 4.5 安装 程序 "对 话 框 


@ 系统 开始 安装 .NET Framework 4.5, 如 图 2.4 所 示 。 安 装 完成 后 出 现 如 图 2. 5 所 示 
的 “安装 完毕 ”页 面 , 单 击 “ 完 成 ”按钮 。 


安装 进度 
正在 支 装 .JEIT Framework， 请 稍 假 。 


下 载 进 度 : 


正在 下 载 dotJWetTx45LP_Full_x86zh-Hans. exe 


安装 进度 ;: 


正在 安装 ,IET Framework 4.5 


图 2.4 “安装 进度 ”页 面 
在 安装 好 .NET Framework 4. 5 后 ,选择 “开始 | 控制 面板 | 程序 和 功能 ”命令 ,看 到 如 
图 2.6 所 示 的 “ 印 载 或 更 改 程序 ”对 话 框 ,表明 .NET Framework 4. 5 安装 成 功 。 
2. 下 载 和 安装 Visual Studio 2012 
如 果 计 算 机 上 没有 安装 Visual Studio 2012, 可 以 从 微软 公司 网 站 免费 下 载 ,其 网 址 为 
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安装 完毕 


在 和 dows Updstg 上 检查 最 新 版 本 。 


图 2.5 “安装 完毕 ”页面 


局 Microsof .NET Framework 4.5 
回 Microsoft ,NET Framework 4.5 SDK 
局 Microsoft .NET Framework 4.5 简体 中 文 语言 包 
天 Microsoft ASP.NETMVC3 
回 Microsoft ASP.NET MVC 3 - CHS 
其 Microsoft ASP.NET Web Pages 
回 Microsoft ASP.NET Web Pages - CHS 
回 Microsoft Chart Controls for Microsoft .NET Framework 3.5 (KB2500170) 
‘ 
| 


当前 安装 的 程序 总 大 小 : 1.81 GB 
77 安装 的 程序 


图 2.6 “ 印 载 或 更 改 程序 "对 话 框 


http://www. microsoft. com/zh-cn/download/details. aspx? id 一 30682, 进 入 该 网 页 后 , 单 击 
“下 载 ” 按 钮 , 勾 选 VS2012_PRO_chs. iso 文件 , 单 击 Next 按钮 ,将 这 些 文件 下 载 到 本 地 计算 机 
上 。 安 装 步骤 如 下 : 

@ 双击 VS2012_PRO_chs. iso 文件 ,解压 到 VS2012_PRO_chs 目录 中 。 

@ 进入 该 目录 ,双击 执行 vs_professional 应 用 程序 。 出 现 安装 提示 对 话 框 , 色 选 “我 同意 
许可 条 款 和 条 件 ” 复 选 框 ,如 图 2.7 所 示 , 单 击 “下 一 步 ?按钮 。 

@ 出 现 如 图 2. 8 所 示 的 对 话 框 , 单 击 “ 安 装 ” 按 钮 。 

@ 系统 开始 安装 ,出 现 如 图 2. 9 所 示 的 提示 信息 。 
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bd Visual studio | vA Visual Studio 


Professional 2012 Professional 2012 


要 安装 的 可 选 功能 


| 我 同意 许可 条 款 和 条 件 (1 


图 2.7 安装 提示 一 图 2.8 安装 提示 二 


@ 安装 完成 后 出 现 如 图 2. 10 所 示 的 页 面 , 单 击 “ 启 动 ” 按 钮 可 以 启动 Visual Studio 2012 


系统 。 


DqQ Visual Studio Dq Visual Studio 


Professional 2012 Professional 2012 


安装 成 功 ! 


图 2.9 安装 提示 三 图 2.10 安装 完成 
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2.2.2 设置 Visual C# 开 发 环境 


Visual Studio 2012 支持 多 种 语言 开发 ,为 了 支持 C# 语 言 ,首先 要 将 Visual Studio 2012 
配置 成 Visual C# 开 发 环境 。 

在 安装 Visual Studio 2012 后 , 若 当前 不 是 C 井 开发 环境 ,设置 为 C 井 开发 环境 的 操作 步 
又 如 下 : 

Q@ 选择 “开始 | 所 有 程序 | Microsoft Visual Studio 2012 | Visual Studio 2012” 命 令 启 动 
Visual Studio 2012 系统 。 

@ 在 Visual Studio 2012 的 集成 开发 环境 中 选择 “工具 | 导入 导出 设置 "命令 ,出 现 如 图 2. 11 
所 示 的 欢迎 使 用 设置 向 导 对 话 框 , 单 击 “ 下 一 步 ” 按 钮 。 


图 2.11 欢迎 使 用 设置 向 导 对 话 框 
@ 出 现 如 图 2. 12 所 示 的 “保存 当前 设置 "页 面 ,保持 所 有 默认 设置 , 单 击 “ 下 一 步 ” 按 钮 。 
@ 出 现 “ 选 择 一 个 默认 设置 集合 "页面 , 单 击 “Visual C# 开发 设置 ”选项 ,如 图 2.13 所 示 。 
单 击 “ 完 成 ”按钮 即 可 完成 配置 。 
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加 是 , 保存 我 的 当前 设置 (Y) 
设置 文件 各 (: 
CurrentSettings-2015-07-09.vssettings 


在 此 目录 中 存储 我 的 设置 文件 (D): 
c\users\administrator\documents\visual studio 2012\settings 


图 2.12 “保存 当前 设置 "页 面 


将 Visual C++ 开发 设置 

稳 Visual F# 开发 设置 

焰 Web 开发 

交 Web 开发 (代码 ) 

净 Windows 8 应 用 程序 的 JavaScript 
桨 党 规 开发 设置 


图 2.13 “选择 一 个 默认 设置 集合 ”页面 
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2.3 安装 和 使 用 SQL Server 2012 


知识 梳理 


下 载 并 安装 SQL Server 2012 


SQL Server 2012 的 主要 管理 工具 


安装 和 使 用 SQL Server 2012 


创建 数据 库 school 


在 school 数 据 库 中 创建 3 个 数据 表 


2.3.1 下 载 并 安装 SQL Server 2012 


首先 确定 用 户 的 计算 机 系统 是 几 位 的 ,可 以 右 击 桌面 上 的 “计算 机 ”, 在 出 现 的 快捷 菜单 中 
选择 “属性 ”命令 ,例如 看 到 如 图 2. 14 所 示 的 结果 ,表示 计算 机 系统 是 32 位 系统 的 。 


系统 
制造 商 : 梅 南山 
型 SS: 武汉 电脑 组 装 ,笔记 本 分 销 ,电脑 上 门 维修 ,硬件 升级 信 事 伙 伴 ! 
分 娄 : Windows 体验 指数 
处 理 器 : Intel(R) Core(TM) i7-4770 CPU @ 3.40GHz 3.40 GHz 
安装 内 存 (RAM): 4.00 GB (3.46 GB 可 用 ) 
系统 类 型 : 32 位 操作 系统 
笔 和 触 措 : 没有 可 用 于 此 号 示 器 的 笔 或 能 控 给 入 


图 2.14 Windows 的 “属性 ” 


然后 从 微软 (中 国 ) 网 站 下 载 SQL Server 2012 Express 免费 版 本 。 下 载 网 址 为 http:// 
www. microsoft. com/zh-cn/download/。Microsoft@SQL Server@@2012 Express 既 包 含 32 
位 版 本 ,也 包含 64 位 版 本 。 这 里 下 载 32 位 版 本 ,下 载 SQLEXPR_x86_CHS. exe 文件 存放 在 
自己 的 文件 夹 中 。 安 装 步 骤 如 下 : 

@ 双击 SQLEXPR_x86_CHS. exe 文件 解压 到 SQLFULL_x86_CHS 文件 夹 , 单 击 其 中 
的 SETUP 应 用 程序 。 出 现 如 图 2. 15 所 示 的 安装 初始 界面 。 单 击 左 侧 的 “安装 ”项 ,出 现 如 
图 2. 16 所 示 的 “安装 ”页 面 , 单 击 “ 全 新 SQL Server 独立 安装 或 向 现 有 安装 添加 功能 ”项 开始 
独立 安装 过 程 。 

@ 首先 进入 “安装 程序 支持 规则 ”页 面 ,如 图 2. 17 所 示 ,表明 通过 了 检查 。 单 击 “ 下 一 步 ” 
按钮 。 进 入 “产品 密 钥 ” 页 面 ,输入 SQL Server 企业 服务 器 版 的 序列 号 ,如 图 2. 18 所 示 。 

@ 单 击 “ 下 一 步 ” 按 钮 ,出 现 “ 许 可 条 款 ” 对 话 框 , 勾 选 “ 我 接受 许可 条 款项 ,如 图 2. 19 所 
示 , 单 击 * 下 一 步 ?按钮 。 出 现 * 设 置 角色 ?页 面 , 选 择 *SQL Server 功能 安装 ” 单 选 按钮 ,如 图 2. 20 
所 示 , 单 击 “ 下 一 步 ”按钮 。 出 现 “ 功 能 选择 ”页 面 , 单 击 “ 全 选 ” 按 钮 ,如 图 2. 21 所 示 , 单 击 “ 下 一 
步 ” 按 钮 。 进 入 “安装 规则 ”页 面 ,如 图 2. 22 所 示 ,表明 通过 了 检查 , 单 击 * 下 一 步 ” 按 钮 。 

说 明 : 数据 库 引 擎 是 SQL Server 的 核心 组 件 , 它 作为 服务 运行 在 服务 器 上 ,通常 被 称 为 
SQL Server 实例 。 在 一 台 服 务 器 上 可 以 同时 运行 多 个 SQL Server 实例 。 
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SB :aenzsax 
儿 ss 


如 何 获取 SQL Server Data Tools 


SQL Server Data Tools 为 数据 库 开 发 人 员 提供 一 个 集成 的 环境 ,以便 针对 任何 SQL 
Server 平台 执行 所 有 数据 库 设计 工作 . 


系统 配置 检查 器 
启动 工具 以 检查 阻止 成 功 安装 SQL Server 的 条 件 , 


升级 顾问 会 分 析 已 安装 的 所 有 SQL Server 2008 R2、SQL Server 2008 或 SQL 
Server 2005 组 件 ， 并 确定 在 升级 到 SQL Server 2012 之 前 或 之 后 要 解决 的 问题 . 


WD sneam 


如 何 开始 使 用 SQL Server 2012 故障 转移 群集 
赔 污 关于 如 何 开始 使 用 SQL Server 2012 故障 转移 群集 的 说 明 . 


- 如 何 开始 Powerpivot for SharePoint 独立 服务 器 安装 
郊外 [serverxoz 0 何 用 尽 SharePoint 2010 服务 器 上 安装 PowerPivot 
图 2.15 安装 初始 界面 


全 新 SQL Server 


启动 向 导 ,在 非 群集 环境 中 安装 SQL Server 2012 或 向 现 有 SQL Server 2012 实例 中 
添加 功能 。 


新 的 SQL Server 故障 转移 群集 安装 
启动 向 导 ,安装 单 节 点 的 SQL Server 2012 故障 转移 群集 . 


并 向 SQL Server 故障 转移 群集 添加 节点 
启动 向 导 , 向 现 有 SQL Server 2012 故障 转移 群集 中 添加 节点 


从 SQL Server 2005、SQL Server 2008 或 SQL Server 2008 R2 升级 


启动 向 导 , 将 SQL Server 2005、SQL Server 2008 或 SQL Server 2008 R2 升级 到 
SQL Server 2012. 


图 2.16 “安装 ”页 面 
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L Server 

安装 得 序 支 持 规则 氢 作 完成 。 已 通过 : 6。 失 败 0。 警告 1。 已 跳 过 0. 
Eee 
许可 条款 
设置 角色 | 局 坏 洋 吕 信息 (S) << | 重新 运行 (R) | 
区 查 本 ie9 失 表 [V 
安装 规则 
磋 盘 空 间 要 求 规则 状态 
错误 报告 图 | 合成 活动 模板 库 (ATD 通过 
安 半 配置 规则 @ 后期 所 本 的 SQL Server 2008 Business Intelligence Develo.，| 已 通过 
准备 安装 加 没有 与 SQL Server "Denali" CTP0 一 同安 装 的 SxS 已 通过 
安装 进度 图 | 针对 SQL Server 注册 表 项 的 一 到 性 验证 Bi 过 
完成 @ 计生 机 起 科 制 器 [3 

加 | Microsoft .NET 应 用 程序 安全 性 过 

全 |Windows 防 X 寺 EE 

“(5) | Whale sols) lbss 


图 2.17 “安装 程序 支持 规则 ”页 面 


请 通过 输入 Microsoft 真品 证 书 或 产品 包装 上 的 由 25 个 字符 组 成 的 窗 钥 来 验证 此 SQL Server 2012 实 

例 。 您 也 可 以 指定 SQL Server 的 免费 版 本 ， 例如 Evaluation 或 Express。 如 SQL Server 联机 丛书 中 所 

ee 要 从 一 个 版 本 升级 到 另 一 版 
， 请 运行 版 本 升级 向 导 . 


图 2.18 “产品 密 钥 ”页 面 
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这 些许 可 条 未 是 Microsoft Corporation (或 您 所 在 地 的 Microsoft Corporation 关联 公司 ) 与 您 之 
间 达 成 的 协议 。 请 阅读 条 款 内 容 。 这 些 条 蒜 适 用 于 上 述 软 件 ， 包 括 您 用 来 接收 该 软件 的 介质 (如 
有 》。 这 些 条 款 也 适用 于 Microsoft 为 该 软件 提供 的 任何 

|。 更 新 

|。 补充 程序 


|。 ”基于 Internet 的 服务 和 


7] El 
复制 (9 。 打印 (P) 


我 接受 许可 条 款 (和. 


品 将 功能 使 用 情况 数据 发 送 到 Microsoft。 功 能 使 用 情况 数据 包括 有 关 您 的 硬件 配置 以 及 您 对 SQL 
Server 及 其 组 件 的 使 用 情况 的 信息 (月 


有 关 详细 信息 ,请 参 网 Microsoft SQL Server 2012 隐私 声明 。 


L Server 


图 2.19 “许可 条 款 ” 页 面 


加 SQL Server 功能 安装 (S) 
安装 SQL Server 数据 库 引擎 服务 、Analysis Services、Reporting Services、Integration Services 
和 其 他 功能 . 


© SQL Server Powerpivot for Sharepoint(P) 


在 新 的 或 现 有 的 SharePoint 服务 器 上 安装 PowerPivot for SharePoint 以 支持 场 中 的 PowerPivot 数 
据 访 问 ,或 者 ,添加 SQL Server 关系 数据 库 引 擎 以 便 用 作 新 场 的 数据 库 服务 器 . 


将 SQL Server 数据 库 关 系 引 擎 展 务 翅 加 到 比 安 甘 (R),。 
日 具有 默认 值 的 所 有 功能 (D) 
使 用 服务 帐户 的 默认 值 安装 所 有 功能 . 


图 2.20 “设置 角色 ”页 面 
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图 2.21 “功能 选择 "页面 


图 2.22 “安装 规则 ”页 面 
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@ 进入 “实例 配置 ”页面 ,如 图 2. 23 所 示 , 保 持 默 认 项 , 即 默 认 SQL Server 实例 名 为 
MSSQLSERVER , 单 击 “ 下 一 步 ” 按 钮 。 出 现 “ 磁 盘 空 间 要 求 ” 页 面 ,如 果 磁 盘 空 间 足 够 ,直接 单 
击 “* 下 一 步 ?按钮 。 进 入 "服务 器 配置 页面, 如 图 2. 24 所 示 , 单 击 “ 下 一 步 ” 按 钮 。 


— re 


实例 ID(D): MSSQLSERVER 


实例 根 目录 (R): CNProgram Files\Microsoft SQL Server\ 


SQL Server 目录 C\program Files\Microsoft SQL Server\MSSQLIL.MSSQLSERVER 
Analysis Services 目录 :Ci\Program Files\Microsoft SQL Server\MSAS1L.MSSQLSERVER 
Reporting Services 目录 :Ci\Program Files\Microsoft SQL Server\MSRS11.MSSQLSERVER 


SQL Server Integration Services 11.0 
SQL Server Distributed Replay Client 
SQL Server Distributed Replay Cont.. 


Hina 


mi 


图 2.24 “服务 器 配置 "页 面 
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进入“ 数据库 引擎 配置 "页面 ,设置 “身份 验证 模式 ”为 “Windows 身份 验证 模式 ”。 单 击 
“添加 当前 用 户 ” 按 钮 添加 LCB-PC\ Administrator(Administrator) 管 理 员 ,再 单 击 “添加 ” 按 
钮 ,出 现 “ 选 择 用 户 或 组 ”对 话 框 ,如 图 2. 25 所 示 。 单 击 “ 高 级 "按钮 ,在 出 现 的 对 话 框 中 单 击 
“立即 查找 ”按钮 ,在 “搜索 结果 ”列表 中 选择 Administrator, 如 图 2. 26 所 示 , 单 击 两 次 “确定 ” 
按钮 返回 “数据 库 引 擎 配置 "页 面 ,如 图 2. 27 所 示 , 看 到 指定 的 SQL Server 管理 员 为 LCB-PC\ 
Administrator(Administrator) 和 Administrator(Administrator) 。 单 击 “ 下 一 步 ? 按 钮 。 


用 户 、 组 或 内 置 安全 主体 
查找 位 置 F): 
LEB-PC 


输入 对 象 名 称 来 选择 (示例) @@) 


| 高 级 人 | 


选择 此 对 象 类 型 B) 
用 户 、 组 或 内 置 安全 主体 
查找 位 置 全 ); 

LCB-PC 


一 般 性 查询 
名 称 以 ) [起 始 为 司 [ 


摘 述 0): 区 的 为 [ | 
口 森 用 的 帐户 @) 
口 不 过 期 密码 0) 


自 上 次 登录 后 的 天 数 加 z=] 


图 2.26 “选择 用 户 或 组 ”对 话 框 二 
说 明 : 本 机 的 服务 器 名 为 LCB-PC, 管 理 员 账号 为 Administrator。 为 SQL Server 配置 的 
身份 验证 模式 为 “Windows 身份 验证 模式 ”。 


@ 进入 *Analysis Services 配置 ”页面 ,采用 与 数据 库 引 擎 配置 相同 的 操作 指定 Analysis 
Services 管理 员 为 LCB-PC\Administrator(Administrator) 和 Administrator(Administrator)， 


如 图 2. 28 所 示 。 单 击 “ 下 一 步 ”按钮 。 
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L Server 


加 Windows 身份 验证 模式 ( W) 


日 巡 合 模式 (SQL Server 身份 验证 和 Windows 身份 验 汪 (M) 
为 SQL Server 系统 管理 员 (sa) 帐 户 指定 密码 . 


输入 密码 (E: 


确认 密码 (O): 


指定 SQL Server 管理 员 


| SQL Server 管理 员 对 数据 库 引 
inleter inlaid 要 具有 无 限制 的 访问 权限 


Ex 


EN 


Es®) Fem) ms | ww | 


图 2.27 “数据 库 引擎 配置 页面 


Administrator (Administraton 


图 2.28 “Analysis Services 配置 "页面 
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说 明 : Analysis Services( 分 析 服 务 ) 是 SQL Server 的 重要 组 件 ,为 商业 智能 应 用 程序 提 
供 了 联机 分 析 处 理 (OLAP) 功 能 和 各 种 数据 挖 据 算法 ,开发 人 员 可 以 设计 、 创 建 和 管理 包含 从 
其 他 数据 源 ( 如 关系 型 数据 库 ) 聚 合 来 的 数据 的 多 维 结构 ,以 实现 各 种 数据 挖 据 。 

@ 进入 “Reporting Services 配置 ?页 面 ,选择 * 仅 安装 ?* 单 选 按钮 ,如 图 2. 29 所 示 , 单 击 “ 下 
一 步 ” 按 钮 。 


SQL Server 
a 
安装 序 支 持 规则 Reporting Services 本 机 模式 
ee © 安 半 EE(O. 
niet 在 本 机 模式 中 安装 和 配置 报表 季 务 咏 。 报 表 最 务 吉村 在 安装 充 成 后 正常 运行 - 
图 仅 安 美 (0O). 

安 先 规则 

GE 四 Reporting Services SharePoint 集成 模式 
弄 生 空间 要 求 De 
服务 器 配置 Eee 安装 完成 后 ,使 用 SharePoint 管理 中 心 完 成 配置 , 确认 SQL Server Reporting 

一 已 启动 并 且 便 建 至 少 一 个 SQL Server Reporting Services 服务 应 用 得 序 ， 有 关 洋 细 信 息 ， 
到 库 引 学 本 轩 A 
Analysis Services 配置 
Reporting services 配 于 
分 布 式 时 后 人 出 可 
分 布 式 里江 客户 篇 
境况 告 
安 美和 规则 
准 甸 安装 

Es) =>] mm | ww | 


图 2.29 “Reporting Services 配置 "页 面 


说 明 : Reporting Services 即 报表 服务 , 它 是 一 种 基于 服务 器 的 新 型 报表 平台 ,可 用 于 创 
建 和 管理 包含 来 自 关 系数 据 源 和 多 维 数据 源 数 据 的 表格 报表 、 和 矩阵 报表 、 图 形 报表 和 自由 格式 
报表 。 可 以 通过 基于 Web 的 连接 来 查看 和 管理 创建 的 报表 。 

@ 进入 分布 式 重播 控制 器 "页面 ,采用 与 数据 库 引擎 配置 相同 的 操作 指定 Analysis 
Services 管理 员 为 LCB-PCX\Administrator(Administrator) 和 Administrator(Administrator ) ， 
如 图 2. 30 所 示 。 单 击 “ 下 一 步 ” 按 钮 ,出 现 “ 分 布 式 重播 客户 端 "页 面 ,保持 默认 项 , 单 击 “ 下 一 
步 ” 按 钮 。 

@ 出 现 “ 错 误 报告 ”页面 ,保持 默认 项 ,如 图 2. 31 所 示 , 单 击 * 下 一 步 ?按钮 。 出 现 * 安 装配 
置 规则 ”页面 ,如 图 2. 32 所 示 ,表明 安装 配置 规则 检查 已 通过 , 单 击 “下 一 步 ?按钮 。 

@@ 出 现 * 准 备 安装 ”页 面 , 如 图 2. 33 所 示 , 单 击 “ 安 装 ”按钮 。 系 统 开始 安装 SQL Server 
文件 ,显示 如 图 2. 34 所 示 的 “安装 进度 ”页 面 。 安 装 完毕 .显示 如 图 2. 35 所 示 的 “完成 "页面 ， 
单 击 “ 关 闭 " 按 钮 。 

说 明 : 采用 上 述 步 又 安装 SQL Server 2012 后 ,本 地 计算 机 上 了 既 包 含有 SQL Server 服务 
器 工具 ,也 包含 有 SQL Server 客户 端 开 发 工具 。 
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SQL Server 


错误 报告 

安装 配置 规则 

人 (EXIT 

图 2.30 “分 布 式 重播 控制 器 "页 面 
SQL Server 
安装 程序 支持 规则 十 您 希望 自动 发 送 到 Mi licrosoft 以 改进 SQL Server 未 来 版 本 的 信息 。 这 些 设置 是 可 迁 的 。 Microsoft 会 将 该 信息 | 
产品 时 外 Se a et 2 
设置 ,这些 更 新 可 能 会 后 动 
许可 条 款 
设置 角色 
功能 渤 择 有 关 详细 信息 , 请 参 网 Microsoft SQL Server 2012 隐私 声明 。 
安装 规则 
实时 加 法 有 关 Microsoft Update 和 自动 更 新 的 更 多 信息 。 
将 Windows 和 SQL Server 错误 报告 发 送 到 Mi 人 t 或 起 公司 的 报表 服务器 . ty 

Been ER icrosal 该 设 置 人 活用 于 以 无 用 户 交互 
数据 库 引 擎 配置 
Analysis Services 配置 

Reporting Services 配置 
分 布 式 竺 播 控 制 器 
分 布 式 重播 客户 壬 
错误 报告 
安装 配置 规则 
准备 安装 


Ee) | 


图 2.31 “错误 报告 ”页面 
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SQL Server 


拓 作 完成 。 已 通过 : 7。 失 败 0。 警告 0。 已 跳 过 0. 


ns 状态 | 
@ FAT32 文 件 系 统 已 通过 
加 现 有 铬 入 实 fi 或 装备 好 群生 的 交 例 已 通过 
加 车 古寺 安 半 Bm 
图 Reporting Services 目 录 数 据 库 文件 存在 已 通过 
加 Reporting Services 目 录 临 时 数据 库 文件 存在 已 通过 
图 | SQL Server Analysis Services 服务 器 模式 和 版 本 检查 已 通过 


[sa Es ea au 


图 2.32 “安装 配置 规则 ”页 面 


Microsoft .NET Framework 3.5 


— Microsoft Visual Studio 2010 Shell 
| 一 Microsoft Visual Studio Tools for Applications 3.0 
日 第 规 民 十 

时 功能 
| 过 要 务 
| -SQL Server 复制 


图 2.33 “准备 安装 ”页 面 
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Install.sql.dqc_Cpu32_Action : Write_NativelImage_32. Generating Native Images 


图 2.34 “安装 进度 ”页面 


查看 有 关 SQL Server 的 产品 文档 


只 安装 了 您 用 于 查看 和 管理 SQL Server 文档 的 组 件 。 在 默认 情况 下 ，“ 才 助 查看 器 "组 件 使 用 联机 库 。 在 安装 
QL Server 之 后 ， 您 可 以 使 用 "帮助 库 管理 器 "组 件 将 文档 下 载 到 您 本 地 计算 机 。 有 关 详细 信息 ， 请 参阅 值 用 _ 


图 2.35 “完成 "页面 
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2.3.2 SQL Server 2012 的 主要 管理 工具 


为 了 满足 企业 数据 管理 的 需求 ,SQL Server 提供 了 不 少 图 形 化 的 管理 工具 ,可 以 帮助 数 
据 库 管理 员 与 开发 人 员 更 高 效 地 创建 .管理 和 维护 SQL Server 解决 方案 ,从 而 快速 解决 复杂 
的 性 能 与 配置 问题 。 

在 实际 应 用 中 ,SQL Server 2012 提供 的 主要 管理 工具 如 表 2. 1 所 示 。 


表 2.1 SQL Server 2012 提供 的 主要 管理 工具 


管理 工具 说 明 
SQL Server Management Studio | 用 于 访问 .配置 ,管理 和 开发 SQL Server 组 件 的 集成 环境 ,使 各 种 技 
(SQL Server 管理 控制 器 ,SSMS) | 术 水 平 的 开发 人 员 和 管理 员 都 能 使 用 SQL Server 
为 SQL Server 服务 .服务 器 协议 ,客户 机 协议 和 客户 机 别名 提供 基本 
配置 管理 
SQL Server Profiler (SQL Server | 提供 了 一 个 图 形 用 户 界面 ,用 于 监视 数据 库 引 擎 实例 或 分 析 服 务 
事件 探查 器 ) 实例 


SQL Server 配置 管理 器 


数据 库 引 擎 优化 顾问 可 以 协助 创建 索引 、 索 引 视 图 和 分 区 的 最 佳 组 合 
提供 了 一 个 简单 和 直观 的 图 形 用 户 界 面 , 用 于 连接 到 DQS 数据 库 并 
数据 质量 客户 机 执行 数据 清理 操作 ,还 允许 集中 监视 在 数据 清理 操作 过 程 中 执行 的 
各 项 活动 
SQL Server 数据 工具 (SSDT) 提供 集成 开发 环境 以 便 为 一 些 商 业 智能 组 件 生 成 解决 方案 


安装 用 于 客户 机 和 服务 器 之 间 通 信 的 组 件 ,以 及 用 于 DB-Library、 
ODBC 和 OLE DB 的 网 络 库 


连接 组 件 


2.3.3 创建 数据 库 school 


在 SQL Server 中 使 用 SQL Server Management Studio(SQL Server 管理 控制 器 ) 实 现 数 
据 库 创建 和 数据 表 操作 。 

创建 数据 库 school 的 步骤 如 下 : 

@ 选择 “开始 | 所 有 程序 | Microsoft SQL Server 2012| SQL Server Management Studio” 
命令 ,启动 SQL Server 登录 界面 ,如 图 2. 36 所 示 光 服务 器 类 型 ?选择 "数据 库 引 擎 "服务 器 
名 称 ” 设 置 为 LCB-PC,“ 身 份 验证 ”选择 “Windows 身份 验证 ”, 单 击 “ 连 接 ” 按 钮 。 


iservera 


服务 器 类 型 吕 ) ETEEEE 
服务 器 名 称 6) 


身份 验证 以) ndows 身份 验证 


用 户 名 0 TB-PCWdninistrator 


密码 中) 


图 2.36 SQL Server 登录 界面 


38 电子 商务 网 站 开发 教程 一 一 基于 C# 十 ASP .NET 


说 明 : 在 前 面 安装 SQL Server 2012 时 采用 的 身份 验证 模式 是 "Windows 身份 验证 ”, 在 安装 
后 用 户 可 以 更 改 身 份 验证 模式 。 本 书 中 涉及 数据 库 的 所 有 例子 均 采 用 “Windows 身份 验证 ”。 


@ 进入 SQL Server 对 象 资 源 管理 器 ”窗口 , 右 击 “ 数 据 库 ” 节 点 ,在 出 现 的 快捷 菜单 中 选 
择 “ 新 建 数 据 库 ” 命 令 , 如 图 2. 37 所 示 。 


国 SQL Server 代理 (已 禁用 代理 XP) 


图 2.37 选择 “新 建 数据 库 ” 命 令 
@ 进入 “新 建 数 据 库 ” 对 话 框 ,输入 “数据 库 名 称 ” 为 school, 单 击 “ 数 据 库 文件 ”列表 中 每 
行路 径 列 右 侧 的 世 习 按钮 ,更 改 数据 库 文件 “ 路 径 ” 为 “D:\ 电 子 商 务 " 目 录 ,如 图 2. 38 所 示 , 单 


击 “ 确 定 ” 按 钮 。 这 样 就 创建 了 school 数据 库 , 其 数据 库 主 文件 (school. mdf) 和 日 志文 件 
(school_log. 1df) 存 放 在 “D 六 电子 商务 "目录 中 。 


咏 凡 > 四 


数据 库 名 称 0 
所 有 者 0) 


回 使 用 全 文案 引信 


可 NE 
逻辑 名 称 文件 类 型 “文件 组 初 -， 自 动 增长 /最 大 大 小 

School 行 数 据 。 PRIWARY ”5 。 增 量 为 1 是, 增长 无 限制 ”i 
school_ log 日志 不 通用 。 2 。 增生 为 10%, 增长 无 限制 


司 0:\ 电 子 商务 
?电子 商务 


服务 器 
LLB-PC 


连接 
LEB-PC\Adninistrator 


性 查 大 广 杭 国 性 


图 2.38 创建 school 数据 库 
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2.3.4 在 school 数据 库 中 创建 3 个 数据 表 


在 school 数据 库 中 创建 student 和 score 表 的 步骤 如 下 : 
Oa 连接 到 SQL Server 数据 库 引 擎 ,在 “对 象 资源 管理 器 "中 展开 school 数据 库 , 右 击 “ 表 ” 
节点 ,在 出 现 的 快捷 菜单 中 选择 “新 建 表 ”命令 ,如 图 2. 39 所 示 。 


[2 J 


日 图 LCB-PC (SQL Server 11.0.2100 - LCB-PC\Administrator) 
日 篇 数据 库 
田 国 系统 数据 库 
田 国 数据 库 快照 
国 AdventureWorksDW2012 


图 2.39 选择 “新 建 表 ” 命 令 


@ 出 现 创建 表 结 构 面 板 , 输 入 各 字段 如 图 2. 40 所 示 。 单 击 工具 栏 的 圆 按钮 ,出 现 * 选 择 
名 称 ” 对 话 框 ,输入 表 名 称 为 student( 学 生 表 ) ,如 图 2. 41 所 示 , 单 击 “ 确 定 ” 按 钮 。 


LCB-PC.school - dbo.Table_1* x 


char(10) 
性 别 char(2) 加 
民族 char(10) 
班 号 char(10) 


图 2.40 创建 表 结 构 图 2.41 “选择 名 称 ” 对 话 框 


@ 单 击 工具 栏 的 国立 按钮 ,在 出 现 的 文本 编辑 框 中 输入 如 下 SQL 请 句 : 


use school 

INSERT INTO student VALUES(1, ' 王 华 ', ' 女 ', ' 汉 族 ', '15001') 
INSERT INTO student VALUES(3, "李兵 ', ' 男 ', ' 汉 族 ', '15001') 
INSERT INTO student VALUES(8, ' 马 棋 ', ' 男 ', ' 回 族 ', '15002') 
INSERT INTO student VALUES(2, ' 孙 丽 ', ' 女 ', ' 满 族 ', '15002') 
INSERT INTO student VALUES(6, ' 张 军 ', ' 男 ', ' 汉 族 ', '15001') 


单 击 工具 栏 的 项 纪 得 疯 按 钮 ,执行 上 述 SQL 语句 ,将 5 个 学 生 记录 插入 到 student 表 中 。 
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右 击 student 表 名 ,在 出 现 的 菜单 中 选择 “选择 前 1000 行 ” 命 令 , 结 果 如 图 2. 42 所 示 , 表 明 数 
据 插 入 成 功 。 
@ 采用 相似 的 操作 创建 course 表 ( 课 程 表 ) ,其 表 结 构 如 图 2. 43 所 示 。 


国 结果 

学 性 别 。 民族 下 
1 一 硬 女 汉族 15001 LCB-PCschool -hool - dbocourse Xx | 
la 2 女 满族 15002 列 名 数据 类型 允许 Null 值 
[rm EF 男 ”汉族 15001 汪 char(10) 
| 6 男 汉族 15001 课 E char(20) 贺 
| 5 8 男 回族 15002 

图 2.42 ”student 表 数 据 图 2.43 创建 course 表 结 构 


@ 输入 course 表 记 录 的 SQL 语句 如 下 : 


use School 

INSERT INTO course VALUES( '101', 'C 语言 ") 

INSERT INTO course VALUES( '201', ' 数 据 结构 ') 

插入 成 功 后 course 表 中 数据 如 图 2. 44 所 示 。 

@ 采用 相似 的 操作 创建 score 表 , 其 表 结 构 如 图 2. 45 所 示 。 


LCB-PC.school - dbo.score X 


列 名 数据 类 型 允许 Null 值 
吕 学 引 int 回 
里 课程 号 char(10) 
分 数 float 贺 
图 2.44 ”course 表 数 据 2.45 创建 score 表 结构 
@ 输入 score 表 记 录 的 SQL 语句 如 下 : 
use school 
INSERT INTO score VALUES(1, '101',80) 
INSERT INTO score VALUES(3, '101',76) 
INSERT INTO score VALUES(8, '101',88) 
INSERT INTO score VALUES(2, '101',70) PT 
INSERT INTO score VALUES(6, '101',90) 学 分 数 
INSERT INTO score VALUES(1, '201',83) 1 站 60 
INSERT INTO score VALUES(3, '201',70) pr fe 
INSERT INTO score VALUES(8, '201',79) 4 2 201 52 
INSERT INTO score VALUES(2, '201',52) 5 3 101 和 
INSERT INTO score VALUES(6, '201',92) pr 二 
一 二 8 6 201 92 
插入 成 功 后 score 表 中 数据 如 图 2. 46 所 示 。 s 6 iol 0 
8 201 79 


说 明 : 这 里 创建 的 school 数据 库 及 包含 的 3 个 数据 表 , 将 作 上 
为 第 10 和 第 11 章 介 绍 ADO .NET 编程 的 样本 数据 。 图 2.46 score 表 数 据 
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2.4 练习 题 
1. 单项 选择 题 
(1) IIS 用 于 创建 ,管理 和 承载 ASP .NET 网 站 的 Web 服务 器 , 它 的 英文 全 称 是 ( )e 
A. Internet Information Services B. Internet Information System 
C. Inter Information Services D. Inter Information System 
(2) Visual Studio 2012 支持 多 种 计算 机 语言 开发 ,所 支持 的 语言 称 为 兼容 语言 。 兼 容 语 
言 不 包括 ( 沪 
A. C# B. VB C. Pascal D; C++ 
(3) VisualStudio2012 不 适合 开发 ( 。”“”) 程 序 。 
A. Web 应 用 程序 B. 3D 动画 
C. Web 服务 D. Windows 窗 体 应 用 程序 


(4) 以 下 叙述 中 错误 的 是 ( )s 
A. ASP .NET 提供 了 多 种 语言 支持 
B. ASP .NET 可 以 开发 多 种 类 型 的 应 用 程序 
C. ASP .NET 提供 跨 平 台 支持 ,也 可 以 在 UNIX 下 执行 
D. ASP .NET 采取 编译 执行 的 方式 , 极 大 地 提高 了 运行 的 性 能 
(5) SQL Server 2012 是 一 个 ( Ws 
A. Web 开发 工具 B. 数据 库 管理 系统 
C. C# 语 言 编 译 环境 D. 网 页 制作 工具 
(6) 在 安装 SQL Server 2012 时 ,可 以 指定 两 种 身份 验证 模式 ,它们 是 ( 小 
A. Windows 身份 验证 模式 和 防火 墙 
B. 混合 身份 验证 模式 和 防火 墙 
C. SQL Server 身份 验证 和 防火 墙 
D. Windows 身份 验证 模式 和 混合 模式 
(7) 在 SQL Server 中 使 用 ( ) 管 理工 具 创 建 数据 库 。 
A. SQL Server 分 析 服 务 B.， SQL Server 管理 控制 器 
C. SQL Server 报表 服务 D. SQL Server 数据 工具 
(8) 以 下 叙述 中 错误 的 是 ( 5 
A. 一 台 计算 机 安装 了 IIS 后 能 够 响应 网 页 请 求 , 它 就 是 一 台 Web 服务 器 
B. 一 台 计 算 机 安装 了 SQL Server 后 能 够 响应 SQL 请 求 , 它 就 是 一 台数 据 库 服务 器 
C. 一 台 计算 机 可 以 作为 Web 服务 器 ,也 可 以 作为 数据 库 服务 器 
D. 一 台 计 算 机 要 么 作为 Web 服务 器 ,要 么 作为 数据 库 服 务 器 ,不 能 同时 作为 Web 
服务 器 和 数据 库 服务 器 
(9) 小 王 正在 家 里 通过 拨号 上 网 访问 搜狐 网 站 ,以 下 叙述 正确 的 是 ( a 
A. 小 王 的 机 器 是 服务 器 端 ,搜狐 网 站 是 客户 端 
B. 搜狐 网 站 是 服务 器 端 ,小 王 的 机 器 是 客户 端 
C. 小 王 的 机 器 既是 服务 器 端 ,又 是 客户 端 
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D. 以 上 说 法 全 不 对 
(10) 小 王 正在 家 里 计算 机 上 开发 和 调试 ASP .NET 网 站 ,以 下 叙述 正确 的 是 ( )。 
A. 小 王 的 计算 机 是 服务 器 端 ,但 不 是 客户 端 
B. 小 王 的 计算 机 是 客户 端 ,但 不 是 服务 器 端 
C. 小 王 的 计算 机 既是 服务 器 端 ,又 是 客户 端 
D. 以 上 说 法 全 不 对 
2. 问答 题 
(1) 简 述 Visual Studio 2012 的 安装 步骤 。 
(2) 简 述 SQL Server 2012 的 安装 步骤 。 
(3) 在 用 Visual Studio 2012 开发 Web 应 用 程序 时 ,为 什么 要 安装 .NET Framework? 
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主页 
1 了 1 1 

加 ff 加 加 四 
1 上 

{ 页] | 网页] | 网 页 ] [ 网页] { 页] (mw] (mx) (mx] [ 页 ] (mn] 


网 站 的 结构 都 是 类 
似 的 ， 我 要 冲浪 了 


本 章 指南 


3.1 ASP .NET 网 站 


ASP.NET 网 站 的 构成 
< 
ASP.NET 网 站 创建 过 程 


知识 梳理 
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3.1.1 ASP .NET 网 站 的 构成 


图 3. 1 展示 了 一 个 ASP .NET 网 站 OnRetS 的 结构 。 从 中 看 出 一 个 典型 的 ASP .NET 网 
站 通常 由 多 个 网 页 文件 组 成 ,每 个 网 页 将 共享 许多 通用 的 资源 和 配置 设置 。 通 常 网 页 文件 和 
相关 的 资源 文件 按 内 容 存 放 在 不 同 的 目录 中 。 


SI 日 -有 时 oz 证 
搜索 解决 方案 资源 管理 器 (Ctrl+) 
网 解决 方案 "localhost 53379”(1 个 项 目 ) 


国 images 
国 Manager 
国 Operator 
国 Picture 


customermenu.aspx 
DD Default.aspx 
dispinfo.aspx 

图 managermenuaspx 
四 MasterPage.master 
中 operatormenu.aspx 
®touristmenu.aspx 
站 Web.config 

站 Web.Debug.config 


bp 
? 
bp 
bp 
bp 
bp 
bp 国 Tourist 
bp 
》 
bp 
bp 
》 
bp 
BG 


图 3.1 OnRets 网 站 的 结构 


1. 常见 的 文件 类 型 


从 文件 组 成 看 ,网 站 由 多 个 文件 组 成 ,包括 Web 网 
页 .配置 文件 和 数据 库 文件 等 。 常 见 的 文件 类 型 如 下 。 


。 x*.aspx: ASP .NET 网 页 文件 ,包含 了 用 户 界 
面 的 代码 ,如 图 3. 1 中 Default. aspx 是 OnRetS 
网 站 的 主页 。 

x* .cs: 采用 代码 隐藏 页 模型 设计 网 页 时 的 代 

码 隐藏 文件 ,如 选择 C# 作为 开发 语言 就 产 

生 . cs 文件 。 

。 * ascx: 开发 人 员 自 己 设计 的 ASP .NET 用 户 
控件 。 

。 web. config: ASP . NET 应 用 程序 的 基于 
XML 格式 的 配置 文件 ,包含 各 种 ASP .NET 
功能 的 配置 信息 ,如 数据 库 连 接 、 安 全 设置 、 状 
态 管理 等 。Web. Debug. config 是 调试 模式 下 
的 web. config 文件 。 


。 global. asax: 全 局 应 用 程序 文件 ,该 文件 驻 留 在 ASP .NET 网 站 的 根 目 录 下 。 
。，*.asmx 文件 : 为 其 他 计算 机 提供 共享 应 用 程序 的 Web 服务 。 
。 %* ,skin 文件 : 外 观 文件 ,用 于 设置 主题 。 


。 * .css 文 件 : 样式 表 文 件 。 


。 * .master: 母 版 页 文件 。 例 如 ,图 3. 1 中 MasterPage. master 就 是 一 个 母 版 页 文件 ， 


用 作 Default. aspx 等 网 页 的 母 版 页 。 


2. 常用 的 目录 


一 个 网 站 包含 若干 目录 。 为 了 更 方便 管理 和 使 用 ,ASP .NET 保留 了 一 些 可 用 于 特定 内 

容 的 文件 和 目录 名 称 。 一 个 网 站 常用 的 目录 如 下 。 
。 App_Data 目录 : 用 于 存放 应 用 程序 使 用 的 数据 库 。 它 是 一 个 集中 存储 应 用 程序 所 用 
数据 库 的 地 方 。App_Data 目录 可 以 包含 SQL Server 数据 库 文件 (. mdf)、Access 数 
据 库 文件 (. mdb) 或 XML 文件 等 。 例 如 ,在 图 3.1 中 ,App_Data 目录 中 存放 OnRet 


数据 库 文件 。 


。 App_Code 目录 : 用 于 存放 所 有 应 当 作为 应 用 程序 的 一 部 分 动态 编译 的 类 文件 。 在 开 
发 网 站 时 ,对 App_Code 目录 的 更 改 会 导致 整个 应 用 程序 的 重新 编译 。 例 如 ,在 图 3.1 
中 ,App_Code 目录 存放 网 站 的 一 些 通用 C# 代 码 。 

。 Bin 目录 : 包含 应 用 程序 所 需 的 ,用 于 控件 、 组 件 或 需要 引用 的 任何 其 他 代码 的 可 部 署 
程序 集 。 该 目录 中 存在 的 任何 . dll 文件 将 自动 地 链接 到 应 用 程序 。 
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。 App_Themes 目录 : 用 于 存放 主题 文件 和 CSS 文件 等 。 例 如 ,在 图 3.1 中 ,App_ 
Themes 目录 存放 Blue 主题 和 StyleSheet. css 文件 。 

。 App_GlobalResources 目录 : 是 全 局 资源 文件 目录 ,可 以 存放 一 些 资 源 文件 ,这 些 资源 
文件 中 包含 指向 图 像 或 其 他 数据 的 资源 字符 串 ,在 网 站 的 所 有 网 页 中 都 可 以 访问 这 些 
资源 字符 串 。 

。 其 他 目录 : 网 站 开发 人 员 可 以 根据 需要 自 定义 目录 。 例 如 ,在 图 3. 1 中 ,images 和 
Picture 目录 用 于 存放 图 片 文 件 ,Operator 用 于 存放 操作 员 网 页 文件 等 。 


3.1.2 ASP .NET 网 站 创建 过 程 


下 面 通过 一 个 例子 说 明 创建 ASP .NET 网 站 的 过 程 。 

【 练 一 练 】 创建 一 个 文件 系统 网 站 CH3 的 操作 步骤 如 下 : 

@ 启动 Visual Studio 2012。 

@ 选择 “文件 | 新 建 | 网 站 ”命令 ,出 现 “ 新 建 网 站 ”对 话 框 , 单 击 模板 列表 中 Visual C# 项 ， 

列 出 已 安装 的 网 站 模板 。 各 网 站 模板 的 说 明 如 下 。 

。 ASP .NET 空 网 站 : 该 模板 只 包含 一 个 配置 文件 (web. config) 。 本 书 中 主要 使 用 该 模 
板 构 建 网 站 示例 ,并 逐步 添加 文件 和 目录 。 

。 ASP .NET 窗 体 网 站 : 该 模板 用 于 配置 一 个 基本 的 ASP .NET 网 站 ,包含 许多 文件 和 
目录 用 于 开始 网 站 的 开发 。 

。 ASP .NET 网 站 (Razor vl 或 Razor v2): 通过 微软 的 Web Pages 框架 ,使 用 这 些 模 板 
来 创建 网 站 。 

。 ASP .NET Dynamic Data 实体 网 站 : 该 模板 用 于 创建 灵活 且 强大 的 Web 网 站 来 管理 
数据 库 中 的 数据 ,而 不 需要 手工 输入 许多 代码 。 

。 WCF 服务 : 该 模板 用 于 创建 包含 一 个 或 多 个 WCF 服务 的 网 站 。 

。 ASP .NET 报表 网 站 : 该 模板 用 于 创建 企业 报表 网 站 。 

这 里 选择 “ASP .NET 空 网 站 ”模板 。 

@“Web 位 置 ? 选 项 有 如 下 3 种 。 

。 文件 系统 : 如 果 主 机 没有 安装 IIS, 也 不 想 设 置 服务 器 的 位 置 等 信息 ,可 以 使 用 这 个 设 
置 .表示 代码 源 文件 放 在 选 定 本 地 文件 目录 中 。Visual Studio 会 把 用 户 指定 的 路 径 视 
为 该 网 站 的 根 目 录 ,并 在 预览 时 启动 内 置 的 网 页 服务 器 ,根据 这 个 位 置 来 模拟 执行 ,并 
可 以 很 方便 地 进行 程序 源 代 码 移植 。 

。 HTTP: 如 果 主 机 已 经 安装 了 IIS, 便 可 以 使 用 这 个 设置 。 这 个 设置 与 HS 的 设置 相 
关 , 还 必须 设置 网 页 服务 器 的 预览 网 址 ,所 设计 的 文件 也 会 放置 在 IIS 所 设置 网 站 的 
根 目录 中 。 在 根 目 录 下 还 可 以 设置 若干 虚拟 目录 。 

。 FTP: 如 果 测 试 主机 并 不 在 本 机 上 ,可 以 使 用 这 个 设置 ,表示 将 代码 源 文件 保存 在 远 
程 的 FTP 服务 器 上 。Visual Studio 通过 文件 传输 协议 FTP 访问 网 站 ,这 样 更 容易 访 
问 其 他 服务 器 上 的 网 站 。 在 第 一 次 运行 FTP 网 站 时 提示 用 户 指定 服务 器 URL。 

这 里 选择 “Web 位 置 ”为 “文件 系统 ”。 

@ 单 击 “ 浏 览 ” 按 钮 ,选择 “D:\ 电 子 商务 \CH3” 目 录 , 如 图 3. 2 所 示 . 单 击 “ 确 定 ” 按 钮 。 这 

样 就 创建 了 一 个 空 网 站 CH3 ,其 中 只 有 一 个 配置 文件 web. config。 
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图 3.2 网 站 的 模板 


3.2 ASP .NET 网 页 


知识 梳理 


设计 ASP.NET 网 页 的 过 程 
a 了 LASP.NET 网 页 的 执行 过 程 


ASP.NET 网 页 


ASP.NET 网 页 代码 编写 模型 


ASP.NET 网 页 的 基本 结构 
3.2.1 设计 ASP .NET 网 页 的 过 程 


下 面 通过 一 个 例子 说 明 创建 ASP .NET 网 页 的 过 程 。 


【 练 一 练 】 在 前 面 创建 的 CH3 网 站 中 设计 一 个 webforml 网 页 ,其 功能 类 似 于 1. 2.5 节 
介绍 的 静态 网 页 spage. html。 


其 设计 步骤 如 下 : 

@ 启动 Visual Studio 2012 。 

@ 选择 “文件 | 打开 | 网 站 ”命令 ,出 现 如 图 3. 3 所 示 的 “打开 网 站 ”对 话 框 。 
其 中 ,左边 的 列表 表示 打开 网 站 的 类 型 。 

。 文件 系统 : 从 磁盘 位 置 打开 网 站 。 

。 本 地 IIS: 使 用 本 地 计算 机 上 的 IIS 打开 网 站 。 
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图 3.3 “打开 网 站 ”对 话 框 


。 FTP 站 点 : 从 FTP 位 置 打开 网 站 。 

。 远程 站 点 : 打开 FrontPage 网 站 。 

。 源 代 码 管理 : 从 源 代码 管理 打开 网 站 。 

这 里 选择 “文件 系统 ”, 并 单 击 “D:\ 电 子 商务 \CH3” 文 件 , 单 击 “ 打 开 ” 按 钮 。 

@ 出 现 如 图 3.4 所 示 的 Microsoft Visual Studio 对 话 框 提示 是 否 使 用 IIS Express。 因 
为 在 Visual Studio 中 开发 网 站 时 ,需要 Web 服务 器 才能 测试 或 运行 它们 。Visual Studio 
2010 之 前 的 版 本 内 置 了 Visual Studio Development Server(Visual Studio 开发 服务 器 ) 用 于 
测试 或 运行 网 站 ,Visual Studio 2010 版 本 开始 有 了 IIS Express。 在 Visual Studio 2012 中 可 
以 使 用 Visual Studio 开发 服务 器 和 IIS Express 测试 或 运行 网 站 ,最 好 使 用 IIS Express, 因 为 


JIS Express 已 本 各 为 向 “D:\ 电 子 商 务 \CH3” 文 件 去 中 的 页 面 提供 服 
务 。 星 否 要 打开 该 站 点 并 使 用 IIS Express 作为 服务 器? 选择 “是 可 
使 用 IIS Express , 选择 “ 否 ” 可 打开 该 站 点 并 使 用 Visual Studio 


Development server。 


图 3.4 Microsoft Visual Studio 对 话 框 
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微软 公司 表示 以 后 的 Visual Studio 版 本 可 能 不 再 支持 Visual Studio 开发 服务 器 。 

单 击 “ 是 ”按钮 ,表示 使 用 IIS Express。 此 时 就 打开 CH3 网 站 。 

@ 在 CH3 网 站 中 ,选择 * 网 站 | 添加 新 项 ?命令 ,出现 * 添 加 新 项 ?对 话 框 , 在 中 间 列 表 中 选 
择 “Web 窗 体 ”, 将 文件 名 称 改 为 webforml. aspx, 其 他 保持 默认 项 ,如 图 3. 5 所 示 , 单 击 “ 添 
加 ?按钮 ,这样 在 CH3 网 站 中 就 添加 了 一 个 名 称 为 webforml. aspx 的 空 网 页 。 


加 到 ee 


加 asm 

门 Web 用 户 控件 

| Dynamic Data 字段 

上 rmt 

LF jscipt ze 

且 movsax 
webform1.asp" 


图 3.5 “添加 新 项 "对话 框 


洲 实 已 安装 模板 (Ctr+E) 
类 型 : Visual C# 
Web 应 用 程序 的 窗 体 


@ 在 系统 集成 界面 的 中 间 部 分 出 现 webforml. aspx 网 页 的 源 视 图 代码 , 单 击 下 方 的 “ 设 
计 ” 选 项 卡 ,进入 网 页 的 可 视 化 设计 界面 ,从 工具 箱 中 拖 忠 两 个 标签 到 网 页 中 ,名 称 分 别 为 
Labell 和 Label2 ,将 它们 的 Text 属性 分 别 修 改 为 -电子 商务 网 站 -”" 和 “欢迎 光临 ”", 青 通过 属 


性 窗口 修改 它们 的 字体 ,如 图 3.6 所 示 。 


DY localhost 53138 - Microsof Visual Studio( 管 理 员 ) 


快速 启动 (Ctrl+Q) 


P= 0 x 


文件 (站 。 编辑 (E) ”视图 (V) ”网 站 (S) ”生成 (8) ”调式 (D) ”团队 (M) ”格式 (O) ” 表 (A) 工具 (D) 测试 () ”分析 (N) 宣 D(W) 


各 助 (H) 
-9 但 -向 国 出 9 - -| 》 IntemetExplorer- Debug -| 有 - 。 晰 建 内 联 必 区 [| 
工具 条 … xx 解决 方案 次 源 管理 器 9x 
搜索 工具 箱 Re 本 一 一 一 ”~ ee 人 -ezR@RIz 
子 2 
4 标 全 | | 惠子 证 务 阿 尖 重 去 韦 关 方 室 资源 答 理 器 (Ctrl + AP 
NN 指针 欢迎 光临 a 同 解决 方 衬 “localhost_53138” (1 个 项 目 ) 
外 AdRotator © 
汪 BulletedUist D Web.config 
国 Button b 加 webformlaspx 
国 Calendar 
国 CheckBox 
层 性 9x 

姓 checkBoxlist er 
贸 DropDownList 之 

4 » 二 EE 
竹中 ape sa it ]e 折 分 1。 天 | 败 <dv> 
好 ”Hidd-nFclq 加 - 


图 3.6 


“添加 新 项 ”后 的 显示 
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说 明 : 网 页 源 视 图 代码 编辑 窗口 下 方 有 3 个 选项 卡 ,其 中 设计 选项 卡 用 于 可 视 化 设计 
网 页 ; # 源 选项 卡 用 于 显示 网 页 的 源 视图 代码 ; 田 拆 分 选项 卡 用 于 显示 网 页 元 素 与 对 应 的 
@) 单 击 。 源 选项 卡 , 看 到 webforml 网 页 的 源 视 图 代码 ( 称 为 ASP .NET 网 页 代码 ) 如 下 : 


<$% @ Page Language = "C#" AutoEventWireup = "true" 
CodeFile = "webforml.aspx.cs" Inherits = "webforml" %> 
<!DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml1"> 
< head runat = "server"> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf - 8"/> 
<title> webforml 网 页 </title> 
</head> 
<body> 
< form id = "forml" runat = "server"> 
<div> 
<asp:Label ID = "Labell" runat = "server" Text = " -电子 商务 网 站 一 " 
style = "font - size: large; font - weight: 700; font - family: 黑体 "> 
</asp:Label > 
<br /><br /> 
<asp:Label ID = "Label2" runat = "server" Text = "欢迎 光临 " 
style= "font - size: medium; font ~ weight: 700"> 
</asp:Label > 
</div> 
</form> 
</body> 
</html > 


从 中 看 到 ,Visual Studio 将 开发 人 员 的 可 视 化 设计 操作 转换 为 相应 的 网 页 代码 。 例 如 ， 
在 网 页 中 拖 忠 一 个 标签 Labell 并 设置 其 属性 的 代码 如 下 : 

<asp:Label ID = "Labell"” runat = "server" Text = " -电子 商务 网 站 一 " 

style = "font - size: large; font - weight: 700; font - family: 黑体 "> </asp:Label > 

其 中 ,“asp:” 是 ASP .NET 控件 标识 符 ; ID 属性 指定 标识 号 (网 页 中 每 个 元 素 的 标识 号 
是 唯一 的 ) ; style 定义 该 标签 在 浏览 器 中 的 显示 样式 ,包括 字体 和 字体 大 小 等 。 

@ 单 击 工 具 栏 的 Pintermet Erplorer- (将 IE 浏览 器 设置 为 默认 的 浏览 器 ) 浏 览 该 网 页 。 在 第 一 
次 浏览 时 ,系统 会 询问 是 否 要 在 二 Web. config 二 文件 中 添加 调试 功能 ,如 图 3.7 所 示 , 单 击 “ 确 
定 ” 按 钮 即 可 。 在 以 后 浏览 时 就 不 再 出 现 询问 对 话 框 。 如 果 按 Ctrl 十 F5 键 ,表示 在 非 调试 状态 
浏览 网 页 ,会 立即 出 现 webforml 网 页 的 浏览 界面 。webforml 网 页 执行 界面 如 图 3. 8 所 示 。 


由 于 未 在 Web.config 文件 中 启用 调试 ， 因 此 无 法 在 调试 楼 式 下 运行 该 页 。 您 希望 做 什么 ? 
图 修改 Web.config 文件 以 启用 调试 (M)。 
和 ,应 在 Web.config 文件 中 华 用 调试 


个 不 进行 刘 试 直接 运行 (R)。( 等 司 于 Ctrl+F5) 


rs 


3.7 “未 启用 调试 ”对话 框 
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x | 


OO Er 
E 


碟 webform1 网 页 


-电子 商务 网 站 - 


图 3.8 webforml 网 页 执行 界面 


3.2.2 ASP .NET 网 页 的 执行 过 程 


在 图 3.8 的 浏览 界面 中 右 击 , 在 出 现 的 快捷 菜单 中 选择 “查看 源 ” 命 令 , 显 示 的 纯 HTML 
代码 如 下 : 


<!DOCTYPE html > 
< html xmlns = "http://www. w3. org/1999/xhtml"> 
< head><meta http - equiv = "Content - Type" content = "text/html; charset = utf - 8" /> 
<title> webforml 网 页 </title> 
</head> 
<body> 
< form method = "post" action = "webforml.aspx" id = "forml"> 
<div class = "aspNetHidden"> 
< input type = "hidden" name =" _ VIEWSTATE" id=" VIEWSTATE" 
value = "0XD23/n/1KuptIJQ8PIKqKZR1 iCAOXFJWTjE/jCLRI912J 
u3WYJ + jV + ZaEXUE2xpmDiqEliCNQmH8Vq4jcXRpPwjmW4oJxqb/eOHwxuyDuA = " /> 
</div> 
<div class = "aspNetHidden"> 
< input type = "hidden" name =" _ VIEWSTATEGENERATOR” 
id="__ VIEWSTATEGENERATOR" value = "C687F31A" /> 
</div> 
<div> 
< span id = "Labell" style= "font ~ size: large; font ~ weight: 700; font - family: 
黑体 "> - 电子 商务 网 站 -</span> 
<br /> 
<br /> 
< span jd = "Label2" style = "font— size: medium; font ~ weight: 700"> 
欢迎 光临 </span> 
</div> 
</form> 
</body> 
</html > 


上 述 代 码 是 纯 HTML。 其 中 有 两 个 隐藏 域 ,name 为 _VIEWSTATE 的 隐藏 域 ,只 有 form 表 
单 ( 窗 体 ) 标 识 runat 为 server 时 才 会 自动 生成 。 当 请 求 某 个 网 页 时 ,ASP .NET 把 所 有 控件 的 状 
态 序列 化 成 一 个 字符 串 , 然 后 作为 网 页 的 隐藏 属性 送 到 客户 端 。 当 客户 端 把 网 页 回 传 时 ,ASP 
.NET 分 析 回 传 的 网 页 窗 体 属 性 ,并 赋 给 控件 对 应 的 值 。name 为 _VIEWSTATEGENERATOR 
的 隐藏 域 ,用 于 在 ASP .NET 运行 时 帮助 确定 是 回 传 到 相同 的 网 页 还 是 跨 页 。 

从 中 看 到 ,ASP .NET 网 页 代码 与 浏览 器 中 最 终 显 示 的 纯 HTML 代码 是 不 同 的 ,这 种 转 
换 是 由 ASP .NET 引擎 完成 的 。 实 际 上 , 像 IE 这 样 的 浏览 器 并 不 认识 ASP .NET 网 页 代码 。 

一 个 典型 的 ASP .NET 网 页 执行 过 程 如 图 3. 9 所 示 。 图 中 的 各 个 步骤 说 明 如 下 : 
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J@ 客户 机 通过 浏览 器 发 出 Web 请 求 (请 求 访问 某 个 ASP .NET 网 页 ) 。 

加 Web 服务 器 收 到 ASP .NET 动态 网 页 请 求 。 

@ Web 服务 器 从 硬盘 的 指定 位 置 查找 相应 的 ASP .NET 动态 网 页 文件 。 

@ 将 硬盘 中 找到 的 ASP .NET 动态 网 页 文件 返回 给 Web 服务 器 。 

@ Web 服务 器 将 ASP .NET 动态 网 页 发 给 ASP .NET 引擎 。 

@ ASP .NET 引擎 会 逐 行 地 读 取 该 文件 ,并 执行 文件 中 的 程序 代码 (脚本 ) ,如果 需 要 访 
问 数据 库 , 则 将 这 部 分 代码 发 给 数据 库 服务 器 ; 如 果 不 需 要 访问 数据 库 , 则 直接 转 到 步骤 @。 

@ 数据 库 服务 器 执行 数据 库 访 问 ,并 将 结果 返回 给 ASP .NET 引擎 。 

@ ASP .NET 引擎 生成 最 终 的 纯 HTML 文件 并 返回 给 Web 服务 器 。 

@ Web 服务 器 将 该 纯 HTML 文件 发 送 给 客户 机 。 

四 客户 机 收 到 请 求 的 纯 HTML 文件 ,并 在 浏览 器 中 以 图 形 方式 将 HTML 标记 显示 在 计 
算 机 屏幕 上 。 


Web 服 务 器 


@ pe ©@ 
一 Internet 二 
、 


®@ ~、---”@ 
客户 机 


用 于 执行 网 页 中 的 程序 代码 一 | 
@ 


ASPNET 引 擎 。 数据 库 服务 器 
图 3.9 ASP .NET 网 页 的 执行 由 ASP .NET 引擎 处 理 
因此 ,ASP .NET 网 页 是 在 服务 器 上 执行 的 ,通过 ASP .NET 引擎 处 理 将 其 转换 为 纯 
HTML 代码 ,然后 由 浏览 器 执行 。 图 3. 10 所 示 是 Labell 控件 的 转换 过 程 。 
.aspx 网 页 代码 


《asp:Label ID=“Label1”runat=“server”Text=”- 电 子 商 务 网 站 -” 
style=“font-size: large; font-weight: 700; font-family: 黑体 “> 
</asp:Label> 


由 ASPNET 引擎 转换 


“span id=“Label1”″” style=“font-size: large; font-weight: 700; 


font-family: 黑 体 ”>- 电 子 商务 网 站 -《/span> 


纯 HTML 代码 
图 3.10 ASP .NET 进行 的 代码 转换 


3.2.3 ASP .NET 网 页 代码 编写 模型 


在 ASP .NET 网 页 中 ,开发 人 员 的 编程 工作 分 为 两 个 部 分 : 可 视 元 素 和 编程 逻辑 。 可 视 
元 素 部 分 包括 标记 、 服 务 器 控件 和 更 态 文 本 的 文件 组 成 。 编 程 逻辑 部 分 包括 事件 处 理 程序 和 
其 他 代码 ,这些 代 码 由 用 户 创建 与 网 页 进行 交互 。 程 序 代码 可 以 驻 留 在 网 页 的 script 块 或 单 
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独 的 类 中 。 如 果 代 码 在 单独 的 类 文件 中 , 则 该 文件 称 为 “代码 隐藏 "文件 。 在 本 书 中 编程 迎 辑 
代码 使 用 C# 语 言 编写 。 

因此 ,ASP .NET 提供 两 种 代码 编写 模型 : 单 文件 页 模型 和 代码 隐藏 页 模型 。 这 两 个 模 
型 功能 相同 ,在 两 种 模型 中 可 以 使 用 相同 的 控件 和 代码 。 

1. 单 文 件 页 模型 

在 单 文件 页 模型 中 ,网 页 的 标记 及 其 程序 代码 位 于 同一 个 . aspx 文件 中 ,也 称 为 内 联 模 
型 。 程 序 代 码 位 于 过 script 过 元素 中 , 它 包含 runat= "server" 属 性 ,此 属性 将 其 标记 为 ASP 
.NET 引擎 应 执行 的 代码 。 

【 练 一 练 】 在 CH3 网 站 中 添加 一 个 单 文件 页 模型 的 网 页 webform2 ,其 功能 是 实现 用 户 
输入 的 两 个 整数 相 加 运算 。 设 计 步 又 如 下 : 

Q@ 进入 CH3 网 站 ,选择 “网 站 | 添加 新 项 "命令 ,出 现 的 “添加 新 项 ”对 话 框 ,在 中 间 列 表 中 
选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform2. aspx, 去 掉 “ 将 代码 放 在 单独 的 文件 中 ”的 勾 选 ， 
如 图 3. 11 所 示 , 单 击 “ 添 加 ”按钮 ,这 样 在 CH3 网 站 中 添加 一 个 名 称 为 webform2. aspx 的 单 
文件 页 模型 网 页 。 


搜索 已 安装 模板 (Ctrl+) 
二 关 型 Visual cx 
| Web 应 用 程序 的 窗 体 


Visual C# 


Visual C# 


Visual C# 


Visual C# 


Visual C# 


Visual C# 


Visual C# 


图 3.11 添加 webform2 网 页 


@ 单 击 5 设计 选项 卡 , 进 入 网 页 的 可 视 化 设计 界面 ,从 工具 箱 中 拖 忠 3 个 标签 Labell 一 
Label3、 两 个 文本 框 TextBoxl 和 TextBox2 ,一 个 命令 按钮 Buttonl 到 设计 界面 中 。 通 过 属性 
窗口 将 Labell 和 Label2 的 Text 属性 分 别 更 改 为 “整数 1” 和 “整数 2"。 按 下 Ctrl 键 ,选择 
Labell 和 Label2, 选 择 “ 格 式 |A 字体 ”命令 ,设计 其 字体 如 图 3. 12 所 示 。 采 用 同样 的 操作 设 
置 其 他 控件 的 Text 属性 和 字体 。 最 终 的 设计 界面 如 图 3. 13 所 示 。 

@ 双击 “ 相 加 ”按钮 ,在 二 script runat 一 "server" 盖 和 一 /script 二 之 间 添 加 如 下 代码 : 

protected void Button1_Click(object sender, EventArgs e) 

上 int a = int.Parse(TextBox1.Text.Trim())7 

int b int. Parse( TextBox2. Text. Trim( )); 


int c a+b; 
Label3. Text = "两 个 整数 相 加 结果 : ”+ c.ToString(); 
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} 
Ei 
EE 
字体 中 ): 字体 样式 中) 大 小 区 
加 粗 meaim (14 pt) | 
认 样式 ) 
图 小 型 大 写字 母 0 


回 全 部 大 写 吃 
回 大 写 C) 


加 下 辣 00 关 2! 2 


夏 相 加 
微软 于 越 AaBbCc = [Label13] 
le a 
[mn | | at |e9 | 可 | [4] <body> 站 
图 3.12 “字体 ”对 话 框 图 3.13 webform2 网 页 设计 界面 


@ 单 击 。 源 选项 卡 ,看 到 webform2 网 页 的 源 视图 代码 如 下 : 


<%@ Page Language = "C#" %> 
<! DOCTYPE html > 
< Script runat = "server"> 
protected void Buttonl_Click(object sender, EventArgs e) 
{ int a = int.Parse(TextBoxl.Text. Trim()); 
int b = int.Parse(TextBox2.Text.Trim()); 
intc=at+b; 
Label3. Text = "两 个 整数 相 加 结果 : ”+ c. Tostring(); 
} 
</script > 
<html xmlns = "http://www. w3.org/1999/xhtml1"> 
< head runat = "server"> 


<meta http - equiv = "Content - Type”" content = "text/html; charset = utf — 8"/> 


<title></title> 
< style type = "text/css"> 
.auto— stylel { 
font - family: 楷体 ; 
font ~ weight: bold; 
font ~ size: medium; 
color: #30000FF; 
} 
</style> 
</head> 
<body> 
<form id= "forml" runat = "server"> 
<div> 


<asp:Label ID= "Labell"” runat = "server" Text = "整数 1" 


CssClass = "auto— stylel"></asp:Label> 


<asp:TextBox ID = "TextBoxl" runat = "server" Width= "74px"></asp:TextBox > 


Snbsp; gnbsp; 
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<asp:Label ID = "Label2" runat = "server" Text = "整数 2" 
CssClass = "auto - stylel"></asp:Label > 
<asp:TextBox ID = "TextBox2" runat = "server" Width = "80px"></asp:TextBox> 
</div> 
<div> 
<br /> 
Snbsp; gnbsp; &nbsp; &nbsp; gnbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
<asp:Button ID = "Buttonl" runat = "server" Text = " 相 加 ”OnClick = "Buttonl _Click" 
style= "color: #3FF0000; font— size: medium; font — weight: 700; 
font - family: 黑体 " /> 
</div> 
<div> 
<br /> 
<asp:Label ID= "Label3" runat = "server" 
style= "color: #FFOOFF; font— size: medium; font ~ weight: 700; 
font - family: 仿宋 "></asp:Label > 
</div> 
</form> 
</body> 
</html > 


说 明 : 二 style 二 元 素 中 的 .auto-stylel 样式 是 由 Visual Studio 自动 生成 的 ,将 开发 人 员 的 
可 视 化 设计 操作 转换 为 样式 并 自动 通过 CssClass 属性 作用 于 相关 的 可 视 元 素 。 

@ 单 击 工具 栏 的 > ImteretExplerer -浏览 该 网 页 。 在 两 个 文本 框 中 分 别 输入 8 和 15, 如 图 3. 14 
所 示 , 单 击 “ 相 加 ”按钮 ,其 执行 结果 如 图 3. 15 所 示 。 


(SY 独 htpy/ocalhost5313 D> 0| 位 
@ localhost "se 
整数 1|8 整数 2[15 
相 加 
两 个 整数 相 加 结果 : 23 
图 3.14 webform2 网 页 执行 界面 一 图 3.15 webform2 网 页 执行 界面 二 


从 本 例 看 出 , 单 文件 页 模型 只 对 应 一 个 文件 , 即 webform2. aspx。 其 中 ,包含 可 视 元 素 , 如 
Labell .TextBoxl 和 Buttonl 等 ; 又 包含 编程 逻辑 ,如 Buttonl 的 单 击 事件 处 理 方法 Buttonl_ 
Click, 这 些 编程 逻辑 代码 放置 在 二 script 二 元 素 中 。 

2. 代码 隐藏 页 模型 

代码 隐藏 模型 的 特点 是 ,在 一 个 文件 (*. aspx) 中 存放 可 视 元 素 代码 ,在 另 一 个 文件 
(x* .aspx. cs) 中 存放 编程 逻辑 代码 。 代 码 文件 的 名 称 会 根据 所 使 用 的 编程 语言 而 有 所 变化 。 

这 种 模型 的 优点 是 : 可 以 清楚 地 分 隔 标记 CHTML 代码 ) 和 代码 (编程 逻辑 ) ,适用 于 包含 
大 量 代码 或 多 个 开发 人 员 共 同 创建 网 站 的 Web 应 用 程序 ; 便于 程序 的 维护 和 升级 ; 程序 代码 
可 在 多 个 网 页 中 重用 等 。 

【 练 一 练 】 在 CH3 网 站 中 添加 一 个 代码 隐藏 模型 的 网 页 webform3 ,其 功能 与 webform2 
网 页 相同 。 设 计 步 又 如 下 : 

@ 进入 CH3 网 站 ,选择 “网 站 | 添加 新 项 "命令, 出现 的 “添加 新 项 ”对 话 框 ,在 中 间 列 表 中 
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选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform3. aspx: 保 留 " 将 代码 放 在 单独 的 文件 中 ”的 勾 选 ， 
单 击 “ 添 加 ”按钮 ,这 样 在 CH3 网 站 中 添加 一 个 名 称 为 webform3. aspx 的 代码 隐藏 模型 网 页 。 
@ 其 他 操作 与 webform2 网 页 设计 相同 。 
@ 单 击 。 源 选项 卡 ,看 到 webform3 网 页 的 源 视图 代码 如 下 : 


<% @ Page Language = "C#" AutogventWireup= "true" CodeFile = "webform3.aspx.cs" 
Inherits = "webform3" %> 
<!DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml1"> 
< head runat = "server"> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf - 8"/> 
<title></title> 
< style type = "text/css"> 
.auto— stylel { 
font - family: 楷体 ; 
font - weight: bold; 
font - size: medium; 
color: #50000FF; 
} 
</style> 
</head> 
<body> 
<form id= "forml" runat = "server"> 
<div> 
<asp:Label ID = "Labell" runat = "server" Text = "整数 1" 
CssClass = "auto - stylel"></asp:Label > 
<asp:TextBox ID = "TextBox1" runat = "server" Width= "74px"></asp:TextBox> 
gnbsp; &nbsp; 
<asp:Label ID = "Label2" runat = "server" Text = "整数 2" 
CssClass = "auto - stylel"></asp:Label> 
<asp:TextBox ID = "TextBox2" runat = "server" Width= "80px"></asp:TextBox> 
</div> 
< div> 
<br /> 
Snbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
<asp:Button ID = "Button1l" runat = "server" Text = " 相 加 ”OnClick = "Buttonl_Click" 
style = "color: # FF0000;font - size:medium;font - weight:700;font - family: 黑 体 " /> 
</div> 
<div> 
<br /> 
<asp:Label ID= "Label3" runat = "server" 
style = "color: # FFOOFF; font ~ size:medium; font - weight:700;font - family: 仿 宋 " /> 
</div> 
</form> 
</body> 
</html > 


@ 在 “解决 方案 资源 管理 器 ”中 双击 webform3. aspx. cs 文件 ,看 到 其 代码 如 下 : 


using System : 
public partial class webform3 : System. Web. UI. Page 
{ protected void Page Load(object sender, EventArgs e) 
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， 
protected void Buttonl Click(object sender, EventArgs e) 
{ inta = int.Parse(TextBoxl.Text.Trim()); 
int b = int.Parse(TextBox2.Text. Trim()); 
itc=a+Db; 
Label3. Text = "两 个 整数 相 加 结果 : " + c. ToString(); 


} 


webform3 网 页 的 执行 与 webform2 完全 相同 。 
从 中 看 到 ,代码 隐藏 模型 的 webform3 网 页 的 文件 结构 如 图 3. 16 所 示 , 网 页 的 可 视 元 素 
和 编程 逻辑 分 离 存放 。 在 webform3. aspx 文件 的 头 部 包含 如 下 页 面 指令 : 


<% @ Page Language = "C#" AutogventWireup= "true" CodeFile = "webform3.aspx.cs" 
Inherits = "webform3" %> 


.aspx 文 件 


webform3 网 页 


可 视 元 素 : Button1 等 
整数 1 整数 2 | 
分 离 .asp.csx 文 件 
程序 逻辑 : 
Button1_Click 


图 3.16 webform3 网 页 的 文件 结构 


其 作用 是 ,指定 ASP .NET 网 页 编译 器 使 用 C# 作 为 网 页 的 服务 器 端 代码 语言 ,自动 绑 定 
网 页 的 事件 ,该 网 页 代码 隐藏 文件 为 webform3. aspx. cs, 供 页 面 继 承 的 代码 隐藏 类 为 
webForm3 。 也 就 是 说 ,通过 CodeFile 和 Inherits 属性 将 分 离 存放 的 两 个 文件 关联 。 

说 明 : 对 于 代码 隐藏 模型 的 网 页 ,即使 不 设计 任何 编程 逻辑 代码 ,如 前 面 的 webforml 网 
页 ,也 是 采用 两 个 文件 存储 的 。 


3.2.4 ASP .NET 网 页 的 基本 结构 


ASP .NET 网 页 的 基本 结构 是 模块 化 的 ,每 个 aspx 网 页 文件 一 般 包含 3 个 独立 部 分 的 部 
分 : 页 面 指 令 .代码 脚本 块 和 页 面 内 容 。 

1. 页 面 指令 

页 面 指令 用 于 设置 该 页 面 的 运行 环境 ,规定 ASP .NET 如 何 处 理 该 页 面 ,控制 ASP .NET 
页 面 的 行为 ,一 个 页 面 可 包含 多 条 页 面 指令 。 页 面 指令 不 作为 发 送 到 浏览 器 标记 的 一 部 分 呈 
现 。 当 使 用 页 面 指令 时 ,虽然 标准 的 做 法 是 将 指令 写 在 文件 的 开头 ,但 是 它们 可 以 位 于 . aspx 
或 . ascx 文件 中 的 任何 位 置 。 每 个 指令 都 可 以 包含 一 个 或 多 个 特定 于 该 指令 的 属性 (与 值 成 
对 出 现 )。 常 见 的 ASP .NET 页 面 指令 如 表 3. 1 所 示 。 
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表 3.1 常见 的 页 面 指令 


页 面 指令 说 明 
@Page 定义 ASP .NET 页 分 析 器 和 编译 器 使 用 的 页 (. aspx 文件 ) 特 定 属性 
将 命名 空间 显 式 导入 网 页 中 ,使 所 导入 的 命名 空间 的 所 有 类 和 接口 可 用 于 该 网 页 
@Import 页 。 导 入 的 命名 空间 可 以 是 .NET Framework 类 库 或 用 户 自 定义 的 命名 空间 的 一 
部 分 
@OutputCache 以 声明 的 方式 控制 ASP .NET 页 或 页 中 包含 的 用 户 控件 的 输出 缓存 策略 


@Implements 


指示 当前 或 用 户 实现 指定 的 .NET Framework 接口 


将 别名 与 命名 空间 及 类 名 关联 ,以 便 在 自 定义 服务 器 控件 语法 中 使 用 简明 的 表 


@Register 示 法 
不 
在 编译 过 程 中 将 程序 集 链接 到 当前 页 ,以 使 程序 集 的 所 有 类 和 接口 都 可 用 在 该 
@Assembly 页 上 
@obatiol 定义 ASP .NET 页 分 析 器 和 编译 器 使 用 的 用 户 控 件 (. ascx 文件 ) 特 定 属性 。 该 指 
i 令 只 能 用 于 用 户 控件 
@Master 标识 ASP .NET 母 版 页 


@MasterType 


为 ASP .NET 网 页 的 Master 属性 分 配 类 名 ,使 该 页 可 以 获取 对 母 版 页 成 员 的 强 类 
型 引用 


@PreviousPageType 


提供 用 于 获得 上 一 网 页 的 强 类 型 的 方法 ,可 通过 PreviousPage 属性 访问 上 一 网 页 


@Reference 


其 中 最 常用 的 是 @ Page 指令 。 


以 声明 的 方式 指示 ,应 该 根据 在 其 中 声明 此 指令 的 网 页 对 另 一 个 用 户 控件 或 页 源 
文件 进行 动态 编译 和 链接 


该 指令 允许 开发 人 员 为 网 页 指定 多 个 配置 选项 ,并 且 该 


指令 只 能 在 Web 窗 体 网 页 中 使 用 。 每 个 . aspx 文件 只 能 包含 一 条 @Page 指令 。 该 指令 可 以 
指定 页 面 中 代码 的 服务 器 编程 语言 、 页 面 是 将 服务 器 代码 直接 包含 在 其 中 ( 即 单 文件 页 面 ) ,还 
是 将 代码 包含 在 单独 的 类 文件 中 ( 即 代码 隐藏 页 面 )、 调 试 和 跟踪 选项 、 页 面 是 否 为 某 母 版 页 的 


内 容 页 等 。 


其 基本 格式 如 下 : 


< 名 @ Page 属性 


= " 值 " [属性 = " 值 " …] %> 


@Page 指令 的 属性 及 其 说 明 如 表 3. 2 所 示 。 若 要 定义 @Page 指令 的 多 个 属性 ,需要 使 用 
一 个 空格 分 隔 每 个 属性 / 值 对 。 对 于 特定 属性 ,不 要 在 该 属性 与 其 值 相连 的 等 号 (= ) 两 侧 加 


空格 。 


属 性 


表 3.2 @Page 指令 的 属性 及 其 说 明 
说 明 


AutoEventWireup 


指示 页 面 的 事件 是 否 自 动 绑 定 。 如 果 启 用 了 事件 自动 绑 定 , 则 为 true( 默 认 值 ) ,否则 
为 false 


Buffer 


确定 是 否 启用 了 HTTP 响应 缓冲 。 如 果 启 用 了 页 面 缓冲 , 则 为 true( 默 认 值 ), 否 则 
为 false 


ClassName 


一 个 字符 串 ,指定 在 请 求 页 面 时 将 自动 进行 动态 编译 的 页 面 的 类 名 。 此 值 可 以 是 任 
何 有 效 的 类 名 ,并 且 可 以 包括 类 的 完整 命名 空间 (完全 限定 的 类 名 )。 如 果 未 指定 该 
属性 的 值 , 则 已 编译 页 面 的 类 名 将 基于 页 面 的 文件 名 


CodeBehind 


指定 包含 页 面 关联 类 的 已 编译 文件 的 名 称 ,该 属性 不 能 在 运行 时 使 用 


CodeFile 


指定 指向 页 面 引用 的 代码 隐藏 文件 的 路 径 
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续 表 
属 性 说 明 
CodePage 指示 用 于 响应 的 编码 方案 的 值 ,该 值 是 一 个 用 作 编 码 方案 ID 的 整数 
Description 提供 该 页 面 的 文本 说 明 ,ASP .NET 分 析 器 忽略 该 值 
ErrorPage 定义 在 出 现 未 处 理 页 面 异常 时 用 于 重 定向 的 目标 URL 
E 定义 供 页 面 继承 的 代码 隐藏 类 ,与 CodeFile 属性 (包含 指向 代码 隐藏 类 的 源 文 件 的 路 
Inherits 径 ) 一 起 使 用 


指定 在 对 页 面 中 的 所 有 内 联 呈 现 和 代码 声明 块 进行 编译 时 使 用 的 语言 。 只 可 以 表示 
任何 .NETFramework 支持 的 语言 ,如 C# 

MasterPageFile 设置 内 容 页 面 的 母 版 页 面 或 嵌 套 母 版 页 面 的 路 径 ,支持 相对 路 径 和 绝对 路 径 
指定 在 响应 的 HTML<title> 标 记 中 呈现 的 页 面 的 标题 ,也 可 以 通过 编程 方式 将 标 
题 作 为 页 面 的 属性 来 访问 

Trace 指示 是 否 启用 跟踪 。 如 果 启 用 了 跟踪 , 则 为 true, 否则 为 false( 默 认 值 ) 


Language 


Title 


例如 ,在 前 面 的 webform3. aspx 网 页 文件 中 就 看 到 了 @ Page 页 面 指令 的 作用 。 

2. 代码 脚本 块 

代码 脚本 块 是 由 “二 script runat= server 二 一 /script 二 ”标记 对 括 起 来 的 程序 代码 。 在 代 
码 脚本 块 中 可 以 定义 页 面 的 全 局 变量 及 控件 事件 处 理 程序 等 ,这 些 程序 代码 要 先 编译 后 执行 。 
代码 脚本 块 采用 C# 和 Javascript 等 编写 。 

如 果 采 用 单 文件 页 模型 ,代码 脚本 块 放置 在 “一 script runat= server 二 …< 一 /script 二 ”中 。 
如 果 采 用 代码 隐藏 页 模型 ,代码 脚本 块 放置 在 单独 的 文件 中 。 

3. 页 面 内 容 

ASP .NET 网 页 的 页 面 内 容 是 由 ASP .NET 控件 构成 的 ,有 关 ASP .NET 控件 的 内 容 在 
第 7 章 介绍 。 在 一 个 网 页 中 合理 地 布局 ASP .NET 控件 是 十 分 重要 的 。 


3.3 ASP .NET 网 站 配置 文件 


知识 梳理 


web.config 文 件 


system.web 配 置 节 


ASP.NET 网 站 配置 文件 


3.3.1 web. config 文件 


在 创建 一 个 网 站 时 ,总 会 在 网 站 根 目 录 中 自动 建立 一 个 web. config 文件 , 它 就 是 网 站 的 
配置 文件 。 
web. config 文件 是 一 个 XML( 可 扩展 标记 语言 ) 文 本 文件 。XML 与 HTML 相似 ,同属 
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于 标记 语言 ,但 和 HTML 不 同 ,XML 被 设计 用 来 传输 和 存储 数据 ,其 焦点 是 数据 的 内 容 ; 而 
HTML 被 设计 用 来 显示 数据 ,其 焦点 是 数据 的 外 观 。 另 外 ,在 HTML 中 ,所 有 标记 是 预先 定 
义 的 ,每 个 标记 都 有 特定 的 功能 ; 而 XML 中 标记 并 没有 被 预先 定义 ,需要 自行 定义 标记 。 
web. config 文件 用 来 存储 ASP .NET 应 用 程序 的 配置 信息 (如 最 常用 的 设置 ASP .NET 
应 用 程序 的 身份 验证 方式 )。 实 际 上 ,web. config 文件 可 以 出 现在 应 用 程序 的 每 一 个 目录 中 ， 
根 目录 中 的 web. config 文件 包括 默认 的 配置 设置 ,所 有 的 子 目 录 都 继承 它 的 配置 设置 。 
如 果 想 修改 子 目录 的 配置 设置 ,可 以 在 该 子 目录 下 新 建 一 个 web. config 文件 , 它 可 以 提 
供 除 从 父 目录 继承 的 配置 信息 以 外 的 配置 信息 ,也 可 以 重 写 或 修改 父 目录 中 定义 的 设置 。 
web. config 文件 的 根 节点 是 二 configuration 二 ,在 二 configuration 二 节点 下 的 常见 子 节点 
有 二 system. web 二、 一 appSettings 二 和 二 connectionStrings 二 。 这 是 一 种 骨 套 结构 ,每 个 子 节 
点 中 又 可 以 包含 若干 子 节点 。 
例如 ,最 基本 的 web. config 文件 的 内 容 如 下 : 
<?xml version = "1.0"?> 
<! -- 
有 关 如 何 配置 RSP .NET 应 用 程序 的 详细 信息 ,请 访问 
http://go. microsoft. com/fwlink/?LinkId = 169433 
= 一 > 
< configuration > 
< system. web > 
< compilation debug = "true" targetFramework = "4.5"/> 
< httpRuntime targetFramework = "4.5"/> 


</system. web> 
</configuration> 


3.3.2 system. web 配置 节 


二 system. web 过 节 主 要 是 网 站 运行 时 的 一 些 配置 , 它 的 常见 节点 如 下 : 

1. 一 compilation 过 节 

所 compilation 二 节 用 于 配置 ASP .NET 使 用 的 编译 设置 。 默 认 的 debug 属性 为 true, 即 
允许 调试 ,在 这 种 情况 下 会 影响 网 站 的 性 能 ,所 以 在 程序 编译 完成 交付 使 用 之 后 应 将 其 设 为 
false。 例 如 , 若 要 禁止 调试 ,设置 二 compilation 之 节 如 下 : 

<Gompilation 


debug = "false" > 
</compilation > 


2. 一 authentication 二 节 


去 authentication 二 节 用 于 为 ASP .NET 应 用 程序 配置 ASP .NET 身份 验证 方案 。 身 份 
验证 方案 确定 如 何 识别 要 查看 ASP .NET 应 用 程序 的 用 户 。 其 mode 属性 指定 身份 验证 方 
案 , 它 是 必 选 的 属性 ,其 取 值 如 表 3. 3 所 示 。 

其 子 元 素 有 ,Forms 为 基于 窗 体 的 自 定义 身份 验证 配置 ASP .NET 应 用 程序 ; passport 
指定 要 重 定向 到 的 页 (如 果 该 页 要 求 身份 验证 ,而 用 户 尚未 通过 Microsoft Passport Network 
身份 验证 注册 )。 
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表 3.3 mode 属性 的 取 值 及 其 说 明 
取 值 说 明 
将 Windows 验证 指定 为 默认 的 身份 验证 模式 。 将 它 与 以 下 任意 形式 的 Microsoft 
Windows( 默 认 值 ) | Internet 信息 服务 ((IIS) 身 份 验 证 结合 起 来 使 用 : 基本 、 摘 要 、 集 成 Windows 身份 验证 
(NTLMVKerberos) 或 证 书 。 在 这 种 情况 下 的 应 用 程序 将 身份 验证 责任 委托 给 基础 IIS 


Forms 将 ASP .NET 基于 窗 体 的 身份 验证 指定 为 默认 身份 验证 模式 
Passport 将 Microsoft Passport Network 身份 验证 指定 为 默认 身份 验证 模式 
None 不 指定 任何 身份 验证 。 应 用 程序 仅 期 待 匿名 用 户 ,否则 它 将 提供 自己 的 身份 验证 


例如 ,以 下 示例 为 基于 窗 体 (Forms) 的 身份 验证 配置 站 点 , 当 没 有 登录 的 用 户 访 问 需 要 身 
份 验 证 的 网 页 ,网 页 自动 跳 转 到 登录 网 页 : 
<authentication mode = "Forms"> 


< forms loginUrl = "login.aspx" name = "FormsAuthCookie"/> 
</authentication> 


其 中 ,元 素 loginUrl 表示 登录 网 页 的 名 称 ; name 表示 Cookie 名 称 。 

3. 二 authorization 二 节 

一 authorization 之 节 用 于 控制 对 URL 资源 的 客户 端 访问 (如 允许 匿名 用 户 访问 )。 此 元 
素 可 以 在 任何 级 别 ( 计 算 机 、 站 点 .应 用 程序 . 子 目录 或 网 页 ) 上 声明 ,与 二 authentication 之 节 
配合 使 用 。 其 子 元 素 有 ,allow 向 授权 规则 映射 添加 一 个 规则 ,该 规则 允许 对 资源 进行 访问 ; 
deny 向 授权 规则 映射 添加 一 条 拒绝 对 资源 访问 的 授权 规则 。 

例如 ,以 下 示例 禁止 匿名 用 户 的 访问 : 

<authorization> 


< deny users = "?"/> 
</authorization> 


其 中 ,users 属性 指出 可 访问 的 账号 ; ? 表示 以 匿名 方式 访问 ; * 表示 多 有 用 户 。 
4. 一 customErrors 二 节 
< 去 customErrors 二 节 用 于 为 ASP .NET 应 用 程序 提供 有 关 自 定义 错误 信息 的 信息 ,不 适 
用 于 Web 服务 中 发 生 的 错误 。 其 子 元 素 为 error( 可 选 ) ,用 于 指定 给 定 HTTP 状态 代码 的 自 
定义 错误 页 。 其 属性 及 其 说 明 如 表 3.4 所 示 。 
表 3.4 二 customErrors 二 节 的 属性 及 其 说 明 
属 性 说 明 


可 选 的 属性 。 指 定 出 错时 将 浏览 器 定向 到 的 默认 URL。 如 果 未 指定 该 属性 , 则 显示 一 
般 性 错误 。URL 可 以 是 绝对 的 (如 www. contoso. com/ErrorPage. htm) 或 相对 的 。 相 
defaultRedirect | 对 URL( 如 /ErrorPage. htm) 是 相对 于 为 该 属性 指定 URL 的 web. config 文件 ,而 不 是 
相对 于 发 生 错 误 的 网 页 。 以 波形 符 ( 一 ) 开 头 的 URL( 如 一 /ErrorPage. htm) 表 示 指 定 的 
URL 是 相对 于 应 用 程序 的 根 路 径 

必 选 的 属性 。 指 定 是 启用 或 禁用 自 定义 错误 ,还 是 仅 向 远程 客户 端 显示 自 定 义 错误 。 
此 属性 可 以 为 下 列 值 之 一 。On: 指定 启用 自 定 义 错误 ,如 果 未 指定 defaultRedirect, 用 
mode 户 将 看 到 一 般 性 错误 ,会 向 远程 客户 端 和 本 地 主机 显示 自 定 义 错误 。Off: 指定 禁用 自 
定义 错误 ,会 向 远程 客户 端 和 本 地 主机 显示 详细 的 ASP .NET 错误 。RemoteOnly( 默 认 
值 ): 指定 仅 向 远程 客户 端 显 示 自 定义 错误 并 且 向 本 地 主机 显示 ASP .NET 错误 
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例如 ,在 以 下 配置 中 , 当 网 站 运行 发 生 错误 时 将 自动 跳 转 到 自 定 义 的 错误 网 页 


ErrorPage. aspx: 


< customErrors defaultRedirect = "ErrorPage. aspx" mode = "RemoteOnly"> </customErrors > 


3.3.3 自 定义 配置 节 


可 以 在 二 appSettings 二 节 和 二 connectionStrings 二 节 设 置 一 些 应 用 程序 的 设置 项 , 即 自 
定义 配置 。 

1. 一 appSettings 二 节 

此 节 用 于 定义 应 用 程序 设置 项 。 对 一 些 不 确定 设置 ,还 可 以 让 用 户 根据 实际 情况 设置 。 
例如 ,在 其 中 添加 用 于 存储 数据 库 连 接 字 符 串 的 子 节点 。 当 然 , 如 果 程 序 需要 其 他 自 定 义 的 全 
局 配置 信息 ,也 可 以 在 此 添加 相应 的 子 节点 。 

appSettings 元 素 的 子 元 素 有 : add( 可 选 的 子 元素 ) 向 应 用 程序 设置 集合 添加 名 称 / 值 对 形 
式 的 自 定义 应 用 程序 设置 ; clear( 可 选 的 子 元 素 ) 移 除 所 有 对 继承 自 定义 应 用 程序 设置 的 引 
用 , 仅 允 许 由 当前 add 属性 添加 的 引用 ; remove( 可 选 的 子 元 素 ) 从 应 用 程序 设置 集合 中 移 除 
对 继承 自 定义 应 用 程序 设置 的 引用 。 

例如 ,在 web. config 文件 中 的 二 appSettings 之 节 中 ,采用 二 add 之 添加 了 一 个 与 SQL 
Server 数据 库 Stud 连接 的 子 节点 和 一 个 Web 服务 子 节点 : 

<appSettings > 

< remove key = "mydata"” /> 
<add key = "mydata" value = "我 的 数据 ”/> 

</appSettings > 

对 于 所 appSettings 之 节 中 的 子 节点 ,可 以 使 用 ConfigurationManager. AppSettings[ "key 
值 "] 来 读 取 这 些 子 节点 值 。 例 如 : 

mystr = System. Configuration. ConfigurationManager. 

AppSettings[ "myconnstring"].ToString( ); 

其 中 , ConfigurationManager 类 位 于 System. Configuration 命名 空间 。 这 样 ,等 价 于 如 下 
语句 ， 

mystr = "我 的 数据 "; 


2. 一 connectionStrings 二 节 

在 ASP .NET 中 ,如 会 话 、 成 员 资格 .个 性 化 设置 和 角色 管理 器 等 功能 均 依 赖 于 存储 在 
connectionStrings 元 素 中 的 连接 字符 串 ,还 可 以 使 用 connectionStrings 元 素来 存储 应 用 程序 
的 连接 字符 串 。 

connectionStrings 元 素 的 子 元 素 有 : add 子 元 素 向 连接 字符 串 集合 添加 名 称 / 值 对 形式 的 
连接 字符 串 ;， clear 子 元 素 移 除 所 有 对 继承 的 连接 字符 串 的 引用 , 仅 允 许 那些 由 当前 add 元 素 
添加 的 连接 字符 串 ; remove 子 元 素 从 连接 字符 串 集合 中 移 除 对 继承 连接 字符 串 的 引用 。 

例如 ,在 web. config 文件 中 的 二 connectionStrings 二 节 中 ,采用 一 add 二 添加 了 一 个 与 
SQL Server 数据 库 school 连接 的 子 节点 : 
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connectionStrings> 
< add name = "myconnstring” 
connectionString = "Data Source = LCB - PC; Initial Catalog = school; 
Integrated Security = True" 
providerName = "System. Data. SqlClient" /> 
</connectionStrings> 


对 于 二 connectionStrings 之 节 中 的 子 节点 的 Web 应 用 程序 配置 信息 ,可 以 使 用 
ConfigurationManager. ConnectionSettings["key 值 "]. ToString() 来 读 取 这 些 子 节点 值 。 
例如 : 


mystr = System.Configuration.ConfigurationManager. 
ConnectionStrings[ "myconnstring"]. ToString(); 


这 样 ,等 价 于 如 下 语句 : 
mystr = "Data Source = LCB- PC;Initial Catalog = school; Integrated Security = True"; 


如 果 整 个 网 站 中 只 有 一 个 网 页 需要 使 用 myconnstring, 这 样 做 的 意义 不 大 ,但 若 有 多 个 网 页 
需要 ,这 样 设计 就 十 分 必要 。 当 myconnstring 发 生 更 改 时 ,只 需要 更 改 一 connectionStrings 二 节 
中 相应 的 定义 即 可 。 


3.4 练 习 题 


1. 单项 选择 题 
(1) 创建 ASP .NET 网 站 时 ,“ 新 建 网 站 ”对 话 框 中 “Web 位 置 ?选项 不 能 是 ( 
A. 文件 系统 也 MTTP C FTP D. ASP .NET 
(2) 文件 系统 网 站 适合 于 学 习 使 用 ,因为 ( 
A. 不 需要 安装 IIS B. 网 站 允许 放置 在 任意 目录 下 
C. 能 够 进行 单独 测试 D. A 和 B 


(3) 以 下 叙述 中 正确 的 是 ( 》 
A. 一 个 ASP .NET 网 站 至 少 包含 一 个 网 页 文件 
B. 一 个 ASP .NET 网 站 至 少 包含 一 个 数据 库 文件 
C. 一 个 ASP .NET 网 站 至 少 包 含 一 个 应 用 程序 类 文件 
D. 一 个 ASP .NET 网 站 至 少 包 含 一 个 图 像 文 件 
(4) 采用 “ASP .NET 空 网 站 ”模板 创建 一 个 空 网 站 时 ,该 网 站 包含 (。”)。 
A. 一 个 Default. aspx 网 页 文件 
B. 一 个 配置 文件 (web. config) 
C. 一 个 SheetStyle. css 样式 文件 
D. 一 个 SkinFile. skin 外 观 文件 
(5) 一 个 ASP .NET 网 站 包含 若干 目录 ,通常 数据 库 文件 放 在 ( ) 目 录 中 。 
A. App_Data B. App_Code C. App_Themes D. Bin 
(6) 一 个 ASP .NET 网 站 包含 若干 目录 ,通常 应 用 程序 的 类 文件 放 在 ( ) 目 录 中 。 
A. App_Data B. App_Code C. App_Themes D. Bin 
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(7) ASP .NET 网 页 开发 有 单 文件 页 模型 和 代码 隐藏 页 模型 两 种 ,以 下 叙述 正确 的 是 (  )。 
A. 代码 隐藏 页 模型 的 网 页 开发 功能 更 强 ,而 单 文件 页 模型 的 网 页 开发 功能 较 弱 
B. 单 文件 页 模型 的 网 页 开发 功能 更 强 ,而 代码 隐藏 页 模型 的 网 页 开发 功能 较 弱 
C. 两 种 在 网 页 开发 上 功能 是 等 价 的 
D. 以 上 都 不 对 
(8) ASP .NET 网 页 开发 有 单 文件 页 模型 和 代码 隐藏 页 模型 两 种 ,以 下 叙述 错误 的 是 (  )。 
A. 单 文件 页 模型 中 ,C# 代 码 必须 包含 于 一 script 二 … 一 /script 二 之 间 
B. 代码 隐藏 页 模型 中 ,可 视 元 素 和 编程 逻辑 代码 放 在 一 个 文件 中 
C. 代码 隐藏 页 模型 中 ,可 视 元 素 和 编程 逮 辑 代码 放 在 不 同文 件 中 
D. 单 文件 页 模型 中 ,可 视 元 素 和 编程 逻辑 代码 放 在 不 同文 件 中 
(9) 采用 Visual Studio 设计 的 网 页 代码 称 为 ASP .NET 网 页 代码 ,最 终 浏览 器 运行 的 网 
页 代码 称 为 纯 HTML 代码 。 以 下 叙述 正确 的 是 ( ;Ss 
A. 在 用 户 请 求 ASP .NET 网 页 时 ,需要 ASP .NET 引擎 将 ASP .NET 网 页 代码 转 
换 为 纯 HTML 代码 
B. 不 需要 ASP .NET 引擎 , Web 服务 器 就 会 将 ASP .NET 网 页 代码 转换 为 纯 
HTML 代码 
C. ASP .NET 网 页 代码 和 纯 HTML 代码 是 一 样 的 
D. 以 上 都 不 对 
(10) 用 户 通过 Internet 请 求 ASP .NET 网 页 ,对 应 的 Web 服务 器 ( 
A. 只 需要 配置 IIS 即 可 
B. 只 需要 配置 ASP .NET 引擎 即 可 
C. 必须 配置 IIS 和 ASP .NET 引擎 
D. 以 上 都 不 对 
(11) ASP .NET 的 @ Page 指令 的 作用 是 ( 六 
A. 定义 ASP .NET 页 分 析 器 和 编译 器 使 用 的 页 的 特定 属性 
B. 将 命名 空间 显 式 导 入 到 网 页 中 
C. 以 声明 的 方式 控制 ASP .NET 页 或 页 中 包含 的 用 户 控件 的 输出 缓存 策略 
D. 指示 当前 或 用 户 实现 指定 的 .NET Framework 接口 
(12) ASP .NET 的 @ Import 指令 的 作用 是 ( »s 
A. 定义 ASP .NET 页 分 析 器 和 编译 器 使 用 的 页 的 特定 属性 
B. 将 命名 空间 显 式 导 入 到 网 页 中 
C. 以 声明 的 方式 控制 ASP .NET 页 或 页 中 包含 用 户 控 件 的 输出 缓存 策略 
D. 指示 当前 或 用 户 实现 指定 的 .NET Framework 接口 
(13) 下 列 选 项 中 ,只 有 ( ) 不 是 @ Page 指令 的 属性 。 
A. CodeBehind B. Buffer C. NameSpace D. Language 
(14) ASP .NET 的 @ Page 指令 中 CodeFile 属性 的 含义 是 ( Ys 
A. 指定 包含 与 页 面 关 联 的 类 的 已 编译 文件 的 名 称 
B. 指定 指向 页 面 引用 的 代码 隐藏 文件 的 路 径 
C. 指示 用 于 响应 的 编码 方案 的 值 ,该 值 是 一 个 用 做 编码 方案 ID 的 整数 
D. 定义 供 页 面 继承 的 代码 隐藏 类 
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(15) ASP .NET 的 @ Page 指令 中 Inherits 属性 的 含义 是 ( Ys 
A. 指定 包含 与 页 面 关联 的 类 的 已 编译 文件 的 名 称 
B. 指定 指向 页 面 引用 的 代码 隐藏 文件 的 路 径 
C. 指示 用 于 响应 的 编码 方案 的 值 ,该 值 是 一 个 用 做 编码 方案 ID 的 整数 
D. 定义 供 页 面 继 承 的 代码 隐藏 类 
(16) web. config 文件 不 能 用 于 ( js 


A. Application 事件 定义 B. 数据 库 连 接 字符 串 定义 
C. 对 文件 夹 访问 授权 D. 基于 角色 的 安全 性 控制 
2. 问答 题 


(1) 简 述 创建 一 个 ASP .NET 空 网 站 的 步骤 。 

(2) 简 述 开发 ASP .NET 网 页 的 单 文件 页 模型 和 代码 隐藏 页 模型 的 区 别 。 

(3) 网 页 设计 窗口 下 方 有 5 设计 、” 源 和 日 拆 分 3 个 选项 卡 , 说 明 它们 的 作用 。 
(4) 在 一 个 ASP .NET 网 页 中 有 如 下 源 视图 代码 : 


<asp:TextBox ID = "TextBox1" runat = "server"></asp:TextBox> 


给 出 对 应 的 纯 HTML 代码 。 
(5) 简 述 页 面 指令 @ Page 的 作用 。 
(6) 简 述 web. config 文件 中 过 connectionStrings 二 节 的 作用 。 
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设计 网 页 的 第 一 步 
就 是 学 会 HTML 


/DocTYPE 广 
a tmy PUBLIC ™- 
ea XmIns= ‘http: /mw. 


<mera name, "SH hor” conl 
<meta name ~ TSErF bE Fon 
AR Namepe "VT IGNE™ ey 
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4.1 HTML 文档 结构 


知识 梳理 


HTML 文 档 的 基本 结构 
HTML 文 档 的 头 部 标记 


HTML 文 档 的 主体 标记 


HTML 文 档 结 


4.1.1 HTML 文档 的 基本 结构 


HTML 文档 就 是 网 页 ,是 一 种 普通 文本 文件 。 网 页 可 以 是 网 站 的 一 部 分 ,也 可 以 独立 存 
在 ,可 以 用 记事 本 等 文本 编辑 器 进行 编辑 ,本 书 使 用 Visual Studio 来 编辑 HTML 文档 。 纯 
HTML 文件 的 扩展 名 为 html 等 。 

从 结构 上 看 ,HTML 文档 一 般 分 为 DOCTYPE 文档 头 部 (head) 和 文档 主体 (body)3 个 
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部 分 ,其 基本 结构 如 图 4. 1 所 示 。 


《<IDOCTYPE html> 一 一 表示 是 HTML 文 档 
<html xmlns="http://www-.w3.org/1999/xhtml"> 
<head> 
HTML 文 档 的 头 部 
</head> 
HTML 文 档 一 
Cbody> 
: | 一 一 一 HTML 文 档 的 主体 
</body> 
</html> 


图 4.1 HTML 文档 的 基本 结构 


其 中 ,DOCTYPE 是 文档 类 型 的 声明 ,向 系统 声明 当前 网 页 的 文档 类 型 ,浏览 器 根据 这 
个 声明 对 HTML 代码 做 出 相应 的 处 理 , 不 同 的 声明 会 有 不 同 的 处 理 。 这 些 处 理 可 能 会 影 
响 HTML 标记 的 表现 ,也 就 是 说 ,同一 段 HTML 代码 ,不 同 的 声明 可 能 会 得 到 不 同 的 页 面 
效果 。 

DOCTYPE 标记 不 需要 闭合 ,必须 放 在 二 html 二 元 素 之 前 。 除 了 DOCTYPE 声明 外 ,其 
他 所 有 HTML 代码 都 包含 在 二 html 二 和 二 /html 二 标记 之 间 。 

XHTML( 可 扩展 超 文 本 标记 语言 ) 也 是 一 种 置 标语 言 , 表 现 方 式 与 HTML 类 似 ,不 过 
语法 上 更 加 严格 。XHTML 可 以 说 就 是 HTML 一 个 升级 版 本 。Visual Studio 支持 
XHTML。 

在 XHTML 中 ,过 html> 的 xmlns 属性 是 必需 的 , 它 定 义 XML 的 命名 空间 。 不 过 ,即使 
XHTML 文档 中 的 二 html 二 没有 使 用 此 属性 , W3C 的 验证 器 也 不 会 报错 。 这 是 因为 “xmlns 一 
http://www. w3. org/1999/xhtml? 是 一 个 固定 值 (W3C 的 默认 命名 空间 ) ,即使 没有 包含 它 ， 
此 值 也 会 添加 到 二 html 二 标记 中 。 


4.1.2 HTML 文档 的 头 部 标记 


HTML 头 部 一 般 用 于 标记 文档 的 某 些 信息 , 放 于 所 head> 与 二 /head> 之 间 。 它 们 通常 
不 会 显示 在 网 页 上 。 用 于 HTML 头 部 的 标记 有 以 下 几 种 : 所 title 之 和 所 meta 二 等 。 其 中 ， 
过 title 请 是 任何 网 页 必须 有 的 ,其 他 均 为 可 选项 。 

1. title 标记 

基本 用 法 : 


<title> . </title> 


该 标记 用 于 指定 文档 的 标题 ,通常 <title 之 …< 到 /title 之 中 间 的 文字 会 显示 在 浏览 器 的 标 
题 栏 上 。 一 般 用 简明 扼要 的 文字 概括 该 文档 的 主要 内 容 或 主题 ,不 超过 64 个 ASCII 码 字符 
长 度 , 如 果 过 长 ,窗口 的 标题 栏 无 法 容纳 。 

2. meta 标记 

基本 用 法 : 
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<meta 属性 = "属性 值 "人 > 


该 标记 用 于 描述 网 页 的 具体 摘要 信息 ,包括 文档 的 内 容 类 型 .字符 编码 信息 ,搜索 关键 字 、 
网 站 提供 的 功能 和 服务 的 详细 描述 等 。 其 内 容 并 不 在 浏览 器 中 显示 。 其 中 ,http-equiv 属性 
把 content 属性 关联 到 HTTP 头 部 ; name 属性 把 content 属性 关联 到 一 个 名 称 ; content 属 
性 定义 与 http-equiv 或 name 属性 相关 的 元 信息 ( 必 选 ); charset 属性 定义 文档 的 字符 编码 。 
例如 ,以 下 语句 指定 若干 关键 字 : 


<meta name = "keywords" content = "Visual Studio, ASP .NET, 动态 网 页 设计 "> 
又 如 ,以 下 语句 向 浏览 器 报告 本 文档 作者 是 李兵 : 
<meta name = "作者 " content = "李兵 "> 


还 如 ,以 下 语句 表示 文档 的 内 容 类 型 为 html 类 型 ,字符 编码 为 国际 通用 的 字符 编码 : 


<meta http - equiv = "Content - Type" content = "text/html; charset = utf - 8"/> 


4.1.3 HTML 文档 的 主体 标记 
主体 标记 的 基本 用 法 如 下 : 


<body> … </body> 


过 body 二 标记 定义 文档 的 主体 。body 标记 包含 文档 的 所 有 内 容 ( 如 文本 、 超 链接 、 图 像 、 
表格 和 列表 等 ) 。 

为 了 在 浏览 器 中 显示 完整 内 容 , 需 在 网 页 中 添加 文本 、 图 形 、 表 格 、 表 单 、 超 链接 等 网 页 元 
素 。HTML 语言 通过 各 种 标记 控制 这 些 网 页 元 素 的 显示 方式 。 一 个 含有 header、section 和 
footer 元 素 网 页 文档 主体 部 分 的 基本 结构 如 下 : 


<body> 
<header > 
…<! -一 定义 页 面 的 页 丑 -一 > 
</header > 
< section> 
<! -定义 节 --> 
</section> 
<footer> 
<! -- 定 义 页 面 的 页 脚 -一 > 
< footer > 
</body> 


【 练 一 练 】 在 DD 盘 的 电子 商务 目录 中 建立 一 个 CH4 的 子 目录 ,将 其 作为 网 站 目录 ,设计 
一 个 webforml. html 网 页 ,其 功能 是 说 明 HTML 头 部 和 主体 标记 的 应 用 。 

其 设计 步骤 如 下 : 

@ 启动 Visual Studio 2012。 

@ 选择 “文件 | 新 建 | 网 站 ”命令 ,出 现 “ 新 建 网 站 ”对 话 框 ,选择 “ASP .NET 空 网 站 ”模板 ， 
选择 “Web 位 置 ”为 “文件 系统 ”, 单 击 “ 浏 览 ” 按 钮 ,选择 “D:\ 电 子 商 务 \CH4” 目 录 , 单 击 “ 确 定 ” 
按钮 ,创建 了 一 个 空 的 网 站 CH4。 
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@ 选择 “网 站 | 添加 新 项 ”命令 ,出 现 “ 添 加 新 项 -CH4” 对 话 框 ,在 中 间 列 表 中 选择 “HTML 
页 ”, 将 文件 名 称 改 为 webforml. html, 如 图 4. 2 所 示 , 单 击 “ 添 加 ”按钮 。 


排序 依据 : 默认 值 


门 web re 

=| Dynamic Data 字段 

站 aa Visual ck 
国 unoosot 关 Visual C# 
贺 siveright10Javascriptm visual ce 
多 Siverlight 应 用 各 序 Visual ce 
国 SQL Server Compact 4.0 本 Visual C# 


国 SQL Server 数据 库 Visual C# 


蕊 wcr oat sevice Visual C# 


图 4.2 添加 webforml. html 网 页 


说 明 : 这 种 “HTML 页 ”模板 类 型 的 网 页 只 能 采用 单 文 件 页 模型 设计 。 
@ 进入 源 视图 ,设计 其 HTML 代码 如 下 (大 部 分 是 Visual Studio 自动 产生 的 ): 


<!DOCTYPE html > 
< html xmlns = "http://www. w3.org/1999/xhtm]l"> 
<head > 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf ~ 8"/> 
<title> HTML 文档 </title> 
</head> 
<body> 
电子 商务 开发 技术 
</body> 
</html > 


该 网 页 在 IE 浏览 器 中 的 执行 结果 如 图 4. 3 所 示 。 


”| 


国人 EEC 


neig -小 am “十 
<body> 部 分 电子 商务 开发 技术 


图 4.3 ”webforml. html 网 页 执行 界面 
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4.2 HTML 文档 主体 中 的 常用 标记 


知识 梳理 


HTML 基础 标记 


HTML 格式 标记 


HTML 表格 标记 


HTML 样式 / 节 标 记 


HTML 文档 主体 中 的 常用 标记 HTML 列表 标记 


HTML 超 链 接 标 记 


HTML 图 像 标 记 


HTML 框架 标记 


HTML 表单 标记 


4.2.1 HTML 基础 标记 

1. 标题 标记 

基本 用 法 : 

<hn> … </hn> n=1, 2, 3,4,5,6 

该 标记 确定 字体 的 显示 方式 , 按 标题 级 别 突出 显示 这 些 标题 文字 。 字 体 从 hl 一 h6 逐 级 
减 小 。 可 以 使 用 style 属性 规定 元 素 的 行内 样式 ,样式 定义 是 一 个 或 多 个 由 分 号 分 隔 的 CSS 


属性 和 值 。 
例如 ,以 下 代码 以 hl 标题 文字 、 蓝 色 和 居中 格式 显示 “中 华人 民 共 和 国 ”， 


<hl style = "color:blue; text - align:center"> 中 华人 民 共 和 国 </hl > 
2. 段落 标记 

基本 用 法 : 

<p> … </p> 


该 标记 用 于 定义 一 个 段落 。 可 以 忽略 文档 中 原 有 的 回 车 和 换行 来 定义 一 个 新 段落 ,换行 
并 插入 一 个 空 行 。 

3. 换行 标记 

基本 用 法 : 


<br /> 
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该 标记 强行 中 断 当 前 行 , 使 后 续 文 本 在 下 一 行 显示 。 
4. 水 平 线 标记 

基本 用 法 : 

<hr /> 

该 标记 在 文档 中 添加 一 条 水 平 线 , 用 来 分 隔 文档 。 
5s. 定义 注释 标记 

基本 用 法 : 


= = 


注释 标签 用 于 在 源 代码 中 插入 注释 。 注 释 不 会 显示 在 浏览 器 中 。 

【 练 一 练 】 在 CH4 网 站 中 添加 一 个 webform2. html 网 页 ,其 功能 是 说 明 HTML 基础 标 
记 的 应 用 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH4 网 站 ,选择 “网 站 | 添加 新 项 ”命令 ,出 现 “ 添 加 新 项 -CH4” 对 话 框 ,在 中 间 列 
表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform2. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 源 视图 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
< html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
< meta http - equiv = "Content - Type" content = "text/html; charset = utf ~ 8"/> 
<title></title> 


</head> 
<body> 
<h2 > 早 发 白 帝 城 </h2 > 
<h4 > 李白 </h4 > DPIEO 
< 正信 @ localhost x 
<p> 
<13 > 朝 辞 白 帝 彩 云 间 < br /> 早 发 白 帝 城 
千里 江陵 一 日 还 < br /> | 地 白 
两 岸 猿 声 啼 不 住 < br /> | 
和 袁 冬 白 帝 彩 云 间 
< 千里 江陵 一 日 还 
</p> 两 岸 猿 声 啼 不 住 
adys 轻舟 已 过 万 重山 
</html > 


该 网 页 在 IE 浏览 器 中 的 执行 结果 如 图 4.4 所 示 。 。 图 4.4 webform2.html 网 页 执行 界面 
4.2.2 HTML 格式 标记 


HTML 中 几 个 常见 的 格式 标记 如 表 4. 1 所 示 。 
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表 4.1 几 个 常见 的 格式 标记 及 其 说 明 


格式 标记 功 能 

<tt> 呈现 类 似 打 字 机 或 等 宽 的 文本 效果 
云 公 显示 斜体 文本 效果 

<b> 呈现 粗 体 文本 效果 

<em> 定义 强调 文本 

<small> 呈现 小 号 字体 效果 
<=strong> 定义 语气 更 为 强烈 的 强调 文本 
=sub> 定义 下 标 文本 

<sup> 定义 上 标 文 本 

<mark> 定义 有 记号 的 文本 

<meter> 定义 预定 义 范围 内 的 度量 
<time> 定义 日 期 /时 间 


【 练 一 练 】 在 CH4 网 站 中 添加 一 个 webform3. html 网 页 ,其 功能 是 说 明 常 见 的 格式 标 
记 的 应 用 。 

其 设计 步骤 如 下 : 

QO@ 打开 CH4 网 站 ,选择 “网 站 | 添加 新 项 "命令, 出现 “添加 新 项 -CH4” 对 话 框 ,在 中 间 列 
表 中 选择 “HTML 页 ” ,将 文件 名 称 改 为 webform3. html, 单 击 “ 添 加 "按钮 。 

@ 进入 源 视 图 ,设计 其 HTML 代码 如 下 : 

<!DOCTYPE html > 

<html xmlns = "http://www. w3.org/1999/xhtml"> 

<head> 


<meta http - equiv = "Content - Type" content = "text/html; charset = utf ~ 8"/> 
<title></title> 


</head> 
<body> 
<b> 粗 体 文本 </b> 
<br /> 
<em>< mark > 强调 文本 </mark ></em> 
<br /> 
< strong >< mark > 强烈 的 强调 文本 </mark ></strong> 
<br /> 
<i> 斜 体 文本 </i> 
<br /> 
< small > 小 号 字体 文本 </small > 1 症 
@ localhost x 
<br /> 
A< sub> 下 标 文本 </sub> 区 演 
2 强烈 的 强调 文本 
A< sup > 上 标 文本 </sup > 人 
<br /> AT 下 标 文 汪 
， . ， 上 标 文 本 
time>9:00</time> 点 开始 营业 | 我 们 在 每 天 早上 9.00 点 开始 营业 
</html > 


该 网 页 在 IE 浏览 器 中 的 执行 结果 如 图 4.5 所 示 。 ”图 4.5 webform3.html 网 页 执行 界面 
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4.2.3 HTML 表格 标记 


表格 是 人 们 处 理 数据 最 常用 的 一 种 形式 ,一 个 表格 由 表 标 题 \ 行 、 列 标题 和 单元 格 组 成 。 
表格 不 仅 可 以 用 来 罗列 数据 ,还 可 以 将 文本 、 图 像 超 链接 等 各 种 对 象 放 到 表格 中 进行 定位 ,从 
而 制作 出 排版 精美 的 网 页 。 常 见 的 表格 标记 如 表 4.2 所 示 。 


表 4.2 几 个 常见 的 表格 标记 及 其 说 明 


表格 标记 功 能 
=table> 定义 表格 

<caption> 定义 表格 标题 
<th> 定义 表格 中 的 表 头 单元 格 
<hu> 定义 表格 中 的 行 
<td> 定义 表格 中 的 单元 
<thead> 定义 表格 中 的 表 头 内 容 
<tbody> 定义 表格 中 的 主体 内 容 
<tfoot> 定义 表格 中 的 表 注 内 容 ( 脚 注 ) 
<ecol> 定义 表格 中 一 个 或 多 个 列 的 属性 值 
<colgroup> 定义 表格 中 供 格式 化 的 列 组 

在 设计 表格 时 常用 的 属性 如 下 : 


对 于 二 table 二 标记 ,border 表示 是 否 有 边框 ,为 "0" 表 示 没 有 边框 ,为 "1" 表 示 有 边框 ; 
cellpadding 规定 单元 边沿 与 其 内 容 之 间 的 空白 ; cellspacing 规定 单元 格 之 间 的 空白 。 

对 于 单元 格 ,colspan 一 "2" 表 示 横 跨 两 列 的 单元 格 ,rowspan 一 "2" 表 示 横 跨 两 行 的 单元 
格 ; background 设置 单元 格 背 景 图 像 ; bgcolor 设置 单元 格 背 景 颜色 。 

另外 ,在 一 个 表格 中 可 以 嵌 套 另 一 个 表格 。 

【 练 一 练 】 在 CH4 网 站 中 添加 一 个 webform4. html 网 页 ,其 功能 是 说 明 表 格 标记 的 应 用 。 

其 设计 步骤 如 下 : 

@ 打开 CH4 网 站 ,选择 “网 站 | 添加 新 项 "命令, 出现“ 添加 新 项 -CH4” 对 话 框 ,在 中 间 列 
表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform4. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 源 视图 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf - 8"/> 
<title></title> 
</head> 
<body> 
< table border = "1" style= "text ~ align:center;width:300px;border:double"> 
<caption><b> 学 生 情 况 表 </b></caption> 
<tr> 
<th> 学 号 </th> 
<th> 姓 名 </th> 
<th> 性 别 </th> 
<th> 班 号 </th> 
</tr> 
<#r> 
<td> 101 </td> 
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<td> 王 华 </td> 
<td> 女 </td> 
<td rowspan = "3"> 1501 </td> 
-tr> 
<tr> 
<td>103</td> 
<td> 李 民 </td> 
<td> 男 </td> 
</tr> 
< 
<td> 108 </td> 
<td> 张 丽 </td> 
<td> 女 </td> 
</tr> 
<tr> 
<td> 112 </td> 
<td> 陈 强 </td> 
<td> 男 </td> 
<td rowspan = "2"> 1502 </td> 
</tr> 
<tr> 
td>138 </td> < td>: /td> 
a Bs en mA 
</tr> @ localhost x 
</table> 学 生 情 况 表 
</body> 学 号 | 姓名 性 别 | 班 号 
</html > 101 王 华 女 
103 李 民 男 1501 
该 网 页 在 下 浏览 器 中 的 执行 结果 如 图 4.6 所 示 。 108 | 末末 |] 去 
采用 一 table> 标 记 创建 一 个 表格 ,其 标题 为 学生 情况 | 上下 一 | 一 | :so 
表 ”, 插 入 6 行 ,每 行 4 列 , 第 2.3.4 行 的 第 4 列 是 合并 
的 (通过 rowspan 王 "3" 来 实现 ) ,第 5.6 行 的 第 4 列 也 而 
是 合并 的 。 图 4.6 webform4.html 网 页 的 执行 界面 
4.2.4 HTML 样式 / 节 标 记 
HTML 中 主要 的 样式 / 节 标记 如 表 4. 3 所 示 。 
表 4.3 主要 的 样式 / 节 标 记 及 其 说 明 
样式 / 节 标 记 功 能 
=~style> 定义 文档 的 样式 信息 
<div> 定义 文档 中 的 块 
=span> 定义 文档 中 的 节 
<header> 定义 section 或 page 的 页 眉 
=footer> 定义 section 或 page 的 页 脚 
=section> 定义 section 
=article> 定义 文章 
<aside> 定义 页 面 内 容 之 外 的 内 容 
=details> 定义 元 素 的 细节 
<dialog> 定义 对 话 框 或 窗口 


=summary> 为 二 details 二 元 素 定义 可 见 的 标题 
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1. style 

二 style 二 标记 用 于 为 HTML 文档 定义 样式 信息 。 在 style 中 可 以 规定 在 浏览 器 中 如 何 
呈现 HTML 文档 。 就 style 单词 而 言 , 既 可 以 用 作 HTML 标记 ,也 可 以 用 作 HTML 属性 ,要 
注意 两 者 的 区 别 。 

2. 二 div 二 标记 

基本 用 法 : 

<div 属性 = "属性 值 "> … </div> 

该 标记 用 来 定义 文档 中 的 块 ,可 以 把 文档 分 割 为 独立 的 .不 同 的 部 分 。 它 是 内 容 自 动 地 开 
始 一 个 新 行 。 

3. 一 section 二 标记 

基本 用 法 : 

< section 属性 = "属性 值 ">> … </section> 


该 标记 可 定义 文档 中 的 节 (section) ,如 章节 、 页 眉 页 脚 或 文档 中 的 其 他 部 分 。 

说 明 : 二 div 记 、 达 section 这 和 < 二 article 等 节 标记 通常 用 于 将 若干 HTML 元 素 组 合 在 一 
起 ,可 以 采用 绝对 和 相对 定位 方式 进行 页 面 布 局 ,详细 内 容 常见 4.3.2 小 节 。 

【 练 一 练 】 在 CH4 网 站 中 添加 一 个 webform5. html 网 页 ,其 功能 是 说 明 样式 / 节 标 记 的 
应 用 。 
其 设计 步骤 如 下 : 

@ 打开 CH4 网 站 ,选择 “网 站 | 添加 新 项 "命令, 出现“ 添加 新 项 -CH4” 对 话 框 ,在 中 间 列 
表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform5. html, 单 击 “ 添 加 ”按钮 。 
@ 进入 源 视图 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
< html xmlns = "http://www. w3.org/1999/xhtml"> 
<head > 
< meta http - equiv = "Content ~ Type" content = "text/html; charset = utf ~ 8"/> 
<title></title> 
</head> 
<body> 
<div style= "color:blue"> 
<h2 > 要 闻 </h2 > 
<p>" 一 带 一 路 "十 年 目标 : 年 贸易 额 2.5 万 亿 
美元 </p> 
</div> 
<section> 
<h2 > 体育 新 闻 </h2 > 
<p> 发 展 足 球 绝 不 是 说 不 开展 别 的 体育 活动 


Ti 


的 I®) 避 http://localhost6014: 只 - 
愿 localhost x 加 


要 闻 
一 带 一 路 十 年 目标 ， 年 贸易 额 2 5 万 亿美 元 


</p> 
</section> 
re 体育 新 闻 
</html > | 发 展 足球 绝 不 是 说 不 开展 别 的 体育 活动 


该 网 页 在 IE 浏览 器 中 的 执行 结果 如 图 4. 7 所 
示 。 采 用 过 div 之 和 所 section 二 标记 将 所 有 显示 的 文 ” 图 4.7 webforms.html 网 页 执行 界面 
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字 分 为 两 组 。 
4.2.5 _ HTML 列表 标记 
列表 用 于 显示 一 组 意义 相似 的 列表 项 ,每 个 列表 项 由 一 个 文字 串 构成 。 列 表 分 为 有 序 .无 


序列 表 和 自 定义 列表 。 
1. 有 序列 表 
基本 用 法 : 
<ol start = "起 始 序号 ”type = "符号 类 型 "> 
<1i>…</1i> 
<1i>…</1i> 
fs 
其 功能 是 建立 有 序列 表 。start 属性 指出 数字 序列 的 起 始 值 ; type 属性 指出 数字 序号 的 
样式 即 符号 类 型 , 取 值 如 下 : 
。 1: 表示 阿拉 伯 数 字 1、2、3 等 ,此 为 默认 值 。 
。 al: 表示 小 写字 母 a、bc 等 。 
。 A: 表示 大 写字 母 A、B、C 等 。 
。i; 表示 小 写 罗 马 数字 i\ii\iii\iv 等 。 
。 I: 表示 大 写 罗 马 数字 IIIIIIJIV 等 。 
< 二 li 一 标记 用 于 定义 列表 项 ,位 于 二 ol 二 和 二 /ol 之 间 。 它 有 两 个 常用 的 属性 ; 
。 type: 指出 该 列表 项 的 符号 类 型 (其 取 值 与 ol 标记 的 type 属性 取 值 相同 )。 
。， value: 新 的 数 定 序列 起 始 值 以 获取 非 连续 的 数字 序列 。 


2. 无 序列 表 
基本 用 法 : 
<ul type= "项 目 符号 "> 


<1i>…</1i> 
<1i>…</1i> 

/> 

其 功能 是 建立 无 序列 表 。 每 个 列表 项 以 无 编号 的 形式 列 出 ,其 前 有 一 个 项 目 符号 ,由 属性 

type 决定 ,type 的 取 值 如 下 所 示 。 

。 disc: 使 用 实心 圆 作 为 项 目 符号 ,此 为 默认 值 。 

。 circle: 使 用 空心 圆 作 为 项 目 符号 。 

。 square: 使 用 方块 作为 项 目 符号 。 

3. 自 定义 列表 

基本 用 法 : 


<dl> 
<dt>…</dt> 
<dd>…</dd> 
<dd>…</dd> 
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</dl> 


自 定义 列表 属于 描述 性 列表 ,用 于 表示 信息 的 层次 关系 。 

注意 : 根据 文档 的 具体 要 求 , 自 定义 列 表 可 以 谋 套 使 用 。 

【 练 一 练 】 在 CH4 网 站 中 添加 一 个 webform6. html 网 页 ,其 功能 是 说 明 列 表 标 记 的 
应 用 。 

其 设计 步骤 如 下 : 

OO 打开 CH4 网 站 ,选择 “网 站 | 添加 新 项 "命令, 出现“ 添加 新 项 -CH4” 对 话 框 ,在 中 间 列 
表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform6. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 源 视 图 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
< html xmlns = "http://www. w3.org/1999/xhtml1"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf - 8"/> 
<title></title> 
</head> 
<body> 
<! -- 插入 一 个 1 行 3 列 的 表格 --> 
<table border = "1" style= "text — align:center;width:400px;border:double"> 
<tr> 
<td> 
< h3 > 球 类 </h3 > 
< ol start = "1" type = "A"> 
<1i> 足 球 </1i> 
<1i> 和 角球 </1i> 
<1i> 排 球 </1i> 
<1i> 乒 乓 球 </1i> 
</ol> 
</td> 
<td> 
< h3 > 田径 </h3 > 
<ul> 
<1i> 跑 步 </1i> 
<1i > 铅球 </1i> 
<1i> 跳 高 </1i> 
<1i> 跳 远 </1i> 
</ul> 
</td> 
<td> 
<h3 > 体育 </h3 > 
<dl> 
<dt> 球 类 </dt > 
<dd> 足 球 </dd> 
< dd > 篮球 </dd> 
< dd> 排 球 </dd> 
<dd> 乒 乓 球 </dd> 
<dt> 田 径 </dt> 
< dd> 跑 步 </dd> 
< dd> 铅 球 </dd> 
< dd> 跳 高 </dd> 
<dd> 跳 远 </dd> 
</dl> 
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</td> 
</tr> 
</table> 
</body> 
</html > 


该 网 页 在 IE 浏览 器 中 的 执行 结果 如 图 4. 8 所 示 。 采 用 二 table 二 标记 建立 一 个 1 行 3 列 
的 表格 ,第 1 列 插入 一 个 有 序列 表 , 第 2 列 插入 一 个 无 序列 表 , 第 3 列 插 入 一 个 自 定义 列表 。 


的 何 香 httpy/localhost60142/webform6 PpP-olmnos 
@ localhost 加 
体育 
球 类 田径 足球 
篮球 
A 足球 。 排球 
B 篮球 。 ”铅球 乒乓 球 
C 排球 。 跳高 田径 
D. ”乒乓 球 。 跳远 跑步 
铅球 
跳高 
跳远 


图 4.8 webform6. html 网 页 的 执行 界面 


4.2.6 HTML 超 链 接 标记 


超 链 接 用 于 实现 浏览 转向 功能 ,是 Web 网 页 的 基本 功能 之 一 ,通过 它 将 众多 网 页 组 织 到 
一 起 。 主 要 的 超 链接 标记 如 表 4.4 所 示 。 
表 4.4 主要 的 超 链接 标记 及 其 说 明 
链接 标记 功 能 
<a> 定义 锚 点 
<<link> ”定义 文档 与 外 部 资源 的 关系 ,最 常见 的 用 途 是 链接 样式 表 , 如 过 link rel 一 "stylesheet”type 一 


"text/css" href="theme. css" /> 


过 nav ”定义 导航 超 链接 。 如 果 文 档 中 有 “前 后 ”按钮 , 则 应 该 把 它 放 到 nav 二 标记 中 


超 链 接 标记 最 常用 的 属性 是 href, 它 指出 转向 的 URL。 另 外 ,target 属性 指出 该 超 链接 
指向 的 HTML 文档 在 指定 目标 窗口 中 打开 ,target 属性 取 值 及 其 说 明 如 表 4.5 所 示 。 


表 4.5 目标 窗口 名 称 及 其 说 明 


名 称 说 有 明 

_blank 将 超 链 接 的 内 容 显 示 在 新 的 浏览 器 窗口 中 
_parent 将 超 链 接 的 内 容 显 示 在 父 窗 口中 

_search 将 超 链接 的 内 容 显示 在 搜索 窗口 中 

_self 将 超 链 接 的 内 容 显 示 在 当前 窗口 中 


_top 将 超 链接 的 内 容 显示 在 浏览 器 主 窗口 中 
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二 a 之 标记 有 以 下 两 种 基本 用 法 。 
1. 设置 锚 点 (书签 ) 
设置 错 点 的 基本 格式 为 : 


<a name = " 锚 点 名 称 "> … </a> 


锚 点 相当 于 书签 , 即 在 网 页 中 的 某 一 处 设置 一 个 标记 ,其 他 的 超 链接 可 以 指向 它 。 锚 点 通 
常用 于 链接 到 同一 个 网 页 的 不 同位 置 。 
2. 设置 超 链 接 


超 链 接 是 网 页 中 最 重要 的 元 素 之 一 ,是 一 个 网 站 的 灵魂 。 一 个 网 站 是 由 多 个 网 页 组 成 的 ， 
网 页 之 间 依 靠 超 链接 确定 相互 的 导航 关系 , 超 链 接 使 得 网 页 的 浏览 非常 方便 。 超 链接 的 基本 
格式 为 : 


<ahref = "url"> … </a> 


其 中 ,URL 可 以 使 用 绝对 路 径 或 相对 路 径 。 

【 练 一 练 】 在 CH4 网 站 中 添加 一 个 webform7. html 网 页 ,其 功能 是 说 明 超 链接 标记 的 
应 用 。 
其 设计 步骤 如 下 : 

QO@ 打开 CH4 网 站 ,选择 “网 站 | 添加 新 项 ”命令 .出现 “添加 新 项 -CH4” 对 话 框 ,在 中 间 列 
表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform7. html, 单 击 “ 添 加 ”按钮 。 
@ 进入 源 视 图 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
< html xmlns = "http://www. w3. org/1999/xhtml"> 
<head > 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf- 8"/> 
<title></title> 
</head> 
<body> 
<p><h2><a href = "http://www. whu. edu. cn/"> 武 汉 大 学 </a></h2 ></p> 
<p><a href =" 间 Cl"> 查 看 第 1 章 </a></p> 
<p><a href = " 井 C2"> 查 看 第 2 章 </a></p> 
<p><a href = "#C3"> 查 看 第 3 章 </a></p> 
<p><a href =" 井 C4"> 查 看 第 4 章 </a></p> 
<h3><a name = "Cl"> 第 1 章 </a></h3 > 
<p> 第 1 章 内 容 ...</p> 
<h3 ><a name = "C2"> 第 2 章 </a></h3 > 
<p> 第 2 章 内 容 ...</p> 
<h3 ><a name = "C3"> 第 3 章 </a></h3 > 
<p> 第 3 章 内 容 ...</p> 
<h3 ><a name = "C4"> 第 4 章 </a></h3 > 
<p> 第 4 章 内 容 ...</p> 
</body> 
</html > 


该 网 页 在 下 浏览 器 中 的 初始 执行 结果 如 图 4. 9 所 示 。 用 户 单 击 “武汉 大 学 ? 超 链 接 便 转 
向 武汉 大 学 网 站 , 单 击 “ 查 看 第 1 章 ” 超 链接 便 转向 本 网 页 的 第 1 章 锚 点 处 ,如 图 4. 10 所 示 。 
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[¢ 
丰 localhost x 属 

第 1 章 内 容 .… 

第 2 章 

第 2 章 内 容 … 

| 和 3 
第 3 章 内 容 … 

| 第 4 章 

第 4 章 内 容 - v 


© 克 http;//localhost5014. DO 
大 localhost x 里 


六 


图 4.9 ”webform7. html 网 页 执行 界面 一 图 4.10 ”webform7. html 网 页 执行 界面 二 


4.2.7 HTML 图 像 标记 


图 像 是 最 早 引 进 Web 页 的 多 媒体 对 象 ,由 于 有 了 图 像 , Web 可 以 图 文 并 茂 地 向 用 户 提供 
信息 ,成 倍 地 加 大 了 它 所 提供 的 信息 量 , 图 像 的 引入 也 极 大 地 美化 了 Web 网 页 。Web 网 页 制 
作 的 很 多 技巧 就 是 如 何 利用 好 图 像 ,使 网 页 美观 匀称 ,可 以 使 用 图 像 标 记 链 入 图 像 。 主 要 的 
HTML 图 像 标 记 如 表 4.6 所 示 。 


表 4.6 主要 的 HTML 图 像 标记 及 其 说 明 


图 像 标 记 功 能 
<img> 定义 图 像 
<map> 定义 图 像 映射 
<area> 定义 图 像 地 图 内 部 的 区 域 
<canvas> 定义 图 形 
<figcaption> 定义 figure 元素 的 标题 
~figure> 定义 媒介 内 容 的 分 组 ,以 及 它们 的 标题 
1. 二 img 二 标记 
过 img 二 标记 的 基本 用 法 : 
< img 属性 = "属性 值 "> 
图 像 标 记 的 必需 属性 如 下 : 


。 src: 链接 图 像 的 URL 位 置 ,通常 采用 相对 路 径 。 例 如 …“. . /Images/logo. gif” 就 是 一 
个 相对 路 径 ,表示 当前 目录 的 上 一 级 目录 中 Images 目录 中 的 logo. gif 文件 。 图 像 可 
以 是 jpeg gif 或 png 文件 。 
。 alt: 该 图 形 的 信息 ,如 文件 名 ,文件 大 小 和 描述 等 。 
注意 : 一 img 之 标记 并 不 会 在 网 页 中 插入 图 像 , 而 是 从 网 页 上 链接 图 像 。 坪 img 盖 标 记 创 
建 的 是 被 引用 图 像 的 占 位 空间 。 


80 电子 商务 网 站 开发 教程 一 一 基于 C# 十 ASP .NET 


2. 绝对 URL 和 相对 URL 


绝对 URL 是 包含 网 站 域名 和 协议 信息 (http:// 前 级) 的 完整 路 径 。 例 如 ,以 下 就 是 武汉 
大 学 网 站 中 一 幅 新 闻 图 片 的 绝对 URL: 


http://news. whu. edu. cn/_mediafile/whu_news/2015/04/14/2ppgcrb9dk. jpg 
可 以 通过 如 下 代码 来 引用 它 : 
< img src = "http://news. whu. edu. cn/_mediafile/whu_news/2015/04/14/2ppgcrb9dk. jpg" /> 


相对 URL 用 于 引用 相对 于 使 用 URL 位 置 的 另 一 个 资源 ,所 以 当前 网 页 的 位 置 很 重要 。 
例如 , 若 当前 网 页 位 于 网 站 的 根 目录 ,该 网 页 中 的 如 下 代码 可 以 引用 网 站 的 Images 目录 中 的 
img4. bmp 文件 : 


< img src = "Images/img4.bmp " alt= "图 像 " /> 


若 当 前 网 页 位 于 网 站 根 目录 的 Student 子 目 录 中 ,该 网 页 中 的 如 下 代码 可 以 引用 网 站 的 
Images 目录 中 的 img4. bmp 文件 : 


< img src = "../Images/img4.bmp " alt = "图 像 " /> 


其 中 ,开头 的 两 个 点 用 于 导航 到 网 站 根 目录 。 
在 服务 器 端 ,可 以 用 波浪 符号 指向 网 站 根 目 录 。 例 如 ,该 网 站 的 任何 网 页 中 的 如 下 代码 都 
可 以 引用 网 站 的 Images 目录 中 的 img4. bmp 文件 : 


<img src="~/Images/img4.bmp" /> 


【 练 一 练 】 在 CH4 网 站 中 添加 一 个 webform8. html 网 页 ,其 功能 是 说 明 图 像 标 记 的 应 用 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH4 网 站 ,选择 网 站 | 添加 新 项 ?命令 ,出现 * 添 加 新 项 -CH4” 对 话 框 ,在 中 间 列 
表 中 选择 "HTML 页 ”, 将 文件 名 称 改 为 webform8. html, 单 击 “ 添 加 ”按钮 。 

@ 在 解决 方案 资源 管理 器 中 , 右 击 网 站 名 CH4, 在 出 现 的 快捷 菜单 中 选择 * 添 加 | 新 建 目 
录 ” 命 令 , 添 加 一 个 名 称 为 Images 的 目录 ,并 放 入 几 个 图 像 文 件 。 

@ 进入 源 视图 ,设计 其 HTML 代码 如 下 : 


<! DOCTYPE html > 
<html xmlns = "http://www.w3.org/1999/xhtml"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf ~ 8"/> 
<title></title> 
</head> 
<body> 
<table> 
<tr> 
<td> 手 机 </td> 
<td> 相 机 </td> 
</tr> 
<tr> 
<td>< img src = "Images/1122. jpg" alt = "图 像 1" /></td> 
<td>< img src = "Images/1221. jpg" alt = "图 像 2" /></td> 


第 4 章 HTML 和 CSS 81 


</tr> 

<tr> 
< td> 笔 记 本 </td> 
<td> 人 台式 机 </td> 

<tr> 

<tr> 
<td>< img src = "Images/2121. jpg" alt = "图 像 3" /></td> 
<td>< img src = "Images/2211. jpg" alt = "图 像 4" /></td> 

</tr> 

</table> 
</body > 
</html > 


该 网 页 中 有 一 个 4 行 2 列 的 表格 ,第 1、3 行 的 各 列 显 示 商 品名 称 的 文字 ,第 2.4 行 的 各 列 
显示 商品 对 应 的 图 片 。 该 网 页 在 下 浏览 器 中 的 显示 结果 如 图 4. 11 所 示 。 


(后 ) 个 | @ htpi//localhost60142/webf P ~ O 


@ localhost x 


4.11 webform8. html 网 页 的 执行 界面 


4.2.8 HTML 框架 标记 


框架 也 是 网 页 布局 的 重要 工具 , 它 与 表格 的 不 同 之 处 在 于 表格 是 把 网 页 分 割 成 小 的 单元 
格 , 而 框架 是 把 浏览 器 的 窗口 分 割 成 若干 个 小 窗口 .这些 子 窗口 称 为 框架 ,每 一 个 框架 都 相当 
于 一 个 浏览 器 窗口 ,这 样 就 使 一 个 浏览 器 窗口 可 以 显示 多 个 网 页 。HTML 主要 的 框架 标记 及 
其 说 明 如 表 4.7 所 示 。 


表 4.7 HTML 主要 的 框架 标记 及 其 说 明 


框架 标记 功 能 
<frame> 定义 框架 集 的 窗口 或 框架 
=frameset> 定义 框架 集 
<noframes> 定义 针对 不 支持 框架 的 用 户 的 蔡 代 内 容 


=iframe> 定义 内 联 框架 
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1. 建立 框架 
基本 用 法 : 
<frameset 属性 = "属性 值 ">…</frameset> 


其 功能 是 指定 当前 窗口 的 分 割 结构 ,其 分 为 几 行 还 是 分 为 几 列 。 框 架 标记 常用 的 属性 
如 下 : 

。 rows 王 "高 度 列表 ": 设置 子 窗口 的 高 度 , 即 把 整个 窗口 横向 分 割 成 几 个 框架 (垂直 框架 )。 

。 cols 二 "宽度 列表 ": 设置 子 窗口 的 宽度 , 即 把 整个 窗口 纵向 分 割 成 几 个 框架 (水 平 框架 ) 。 

其 中 ,rows 指明 当前 窗口 要 分 为 几 行 及 各 行 的 高 度 ; cols 用 于 指定 列 。 例 如 ,要 把 当前 窗 
口 分 成 等 高 的 两 行 ,可 以 按 如 下 这 样 : 


<frameset rows = "50% ,50% ">.</frameset > 


“高 度 列表 ”( 或 “宽度 列表 ”) 中 数字 个 数 表示 要 分 割 的 行 (或 列 ) 数 ,各 数字 的 大 小 表示 相 
应 行 (或 列 ) 的 高 度 (或 宽度 ) ,其 对 应 顺序 为 从 上 到 下 (或 从 左 到 右 )。 各 数字 的 取 值 可 以 为 具 
体 整 数值 (其 单位 为 像素 ) ,可 以 为 当前 窗口 高 度 ( 或 宽度 ) 的 百分数 。 其 中 ,在 列表 数字 中 可 以 
有 一 个 数字 被 指定 为 * 。 这 个 * 表示 相应 的 行 高 (或 列 宽 ) 为 指定 了 其 他 行 ( 或 列 ) 的 高 度 (或 
宽度 ) 后 当前 窗口 剩余 的 高 度 (或 宽度 )。 

注意 : 设计 网 页 时 ,不 能 将 二 frameset 一 二 /frameset 之 标记 放置 在 王 body 二 二 /body 之 标 
记 内 部 。 另 外 ,在 同一 个 一 frameset 二 中 不 能 既 指 定 rows 又 指定 cols, 因 为 没有 足够 的 信息 
提供 给 浏览 器 通知 它 在 分 行 后 应 该 在 那 一 行 中 分 列 。 

2. frame 标记 


一 个 frame 表示 一 个 窗口 , 它 能 入 在 二 frameset 二 … 二 /frameset 二 之 间 , 按 照 rows 和 
cols 设 定 的 子 窗口 顺序 ,依次 指定 一 个 子 窗口 显示 哪 一 个 网 页 。 其 基本 用 法 如 下 : 


<frame 属性 = "属性 值 ”… /> 


其 常用 的 属性 如 下 : 
。 src 一 "url" : 设置 要 链接 到 该 子 窗口 的 URL。 
。 name 一 "framename": 表示 子 窗口 的 名 称 。 
。 marginwidth 一 "size" : 用 来 控制 显示 内 容 和 窗口 左右 边界 的 距离 ,默认 为 1。 
。 marginheight 二 "size" : 用 来 控制 显示 内 容 和 窗口 上 下 边界 的 距离 ,默认 为 1 。 
。 scrolling 二 "yes/no/auto": 指定 子 窗口 是 否 使 用 滚动 条 ,默认 auto, 即 根据 窗口 内 容 
决定 是 否 有 滚动 条 。 
。 noresize: 使 用 该 属性 后 ,指定 窗口 不 能 调整 窗口 大 小 。 
例如 ,如 下 代码 使 用 三 份 不 同 的 文档 制作 一 个 如 图 4. 12 所 示 的 水 平 框架 (其 中 
HtmlPagea. html 等 3 个 网 页 分 别 在 浏览 器 中 显示 “框架 A”“ 框 架 B”" 和 “框架 C” 文 字 ): 
<frameset cols = "30%,40%,30% "> 
<frame src= "HtmlPagea. html" /> 
<frame src= "HtmlPageb. html" /> 


<frame src= "HtmlPagec. html" /> 
</frameset > 


而 如 下 代码 使 用 三 份 不 同 的 文档 制作 一 个 如 图 4. 13 所 示 的 垂直 框架 : 
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< frameset rows = "30% ,40%,30%"> 
< frame src = "HtmlPagea. html" /> 
< frame src = "HtmlPageb. html" /> 
< frame src = "HtmlPagec. html" /> 
</frameset > 


| rp/ocahostsos p ~ © 


碟 localhost 


框架 A 


图 4.12 一 个 水 平 框架 图 4.13 一 个 垂直 框架 


3. iframe 标记 
iframe 标记 用 于 创建 包含 另外 一 个 文档 的 内 联 框 架 ( 即 行内 框架 )。 其 基本 用 法 如 下 : 
< iframe 属性 = "属性 值 "> … </iframe> 


iframe 框架 的 常用 属性 如 下 。 
。 src 二 "url"; 设置 要 链接 到 该 框架 的 URL。 
。 width 一 "size" : 设置 iframe 框架 的 宽度 。 
。 height 王 "size" : 设置 iframe 框架 的 高 度 。 
。 name 一 "name": 设置 iframe 框架 的 名 称 。 
frameborder 一 "size": 指定 iframe 框架 是 否 有 边框 ,size 可 取 1 和 0 值 之 一 ,默认 值 
为 1。 
marginwidth 一 "size" : 用 来 控制 显示 内 容 和 窗口 左右 边界 的 距离 ,默认 值 为 1 。 

。 marginheight 二 "size" : 用 来 控制 显示 内 容 和 窗口 上 下 边界 的 距离 ,默认 值 为 1。 

。 scrolling 二 "yes/no/auto": 指定 子 窗 口 是 否 使 用 滚动 条 ,默认 值 为 auto, 即 根据 窗口 

内 容 决 定 是否 有 滚动 条 。 

由 于 iframe 框架 可 以 显示 任意 一 个 网 页 ,在 本 书后 面 的 电子 商务 综合 实例 中 大 量 使 用 到 
iframe 框架 。 

【 练 一 练 】 在 CH4 网 站 中 添加 一 个 webform9. html 网 页 ,采用 iframe 框架 标记 实现 网 
页 导航 功能 。 

其 设计 步骤 如 下 : 

@ 打开 CH4 网 站 ,选择 “网 站 | 添加 新 项 ”命令 ,出 现 “ 添 加 新 项 -CH4” 对 话 框 ,在 中 间 列 
表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform9. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 源 视 图 ,设计 其 HTML 代码 如 下 : 

<!DOCTYPE html > 


< html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
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<meta http - equiv = "Content - Type" content = "text/html; charset = utf — 8"/> 


<title></title> 
</head> 
<body> 
<table> 
<tr> 
<td> 
< h2 > 导航 </h2 > 
<a href = "webform1. html" target = "showframe"> webforml </a> 
<br /> 
<a href = "webform2.html" target = "showframe"> webform2 </a> 
<br /> 
<a href = "webform3. html"” target = "showframe"> webform3 </a> 
</td> 
<td> 
< iframe name = "showframe"></iframe> 
</td> 
</tr> 
</table> 
</body> 
</html > 


该 网 页 中 有 一 个 1 行 2 列 的 表格 ,第 1 列 显示 3 个 超 链 接 , 第 2 行 有 一 个 iframe 框架 (名 
称 为 showframe)。 运 行 该 网 页 如 图 4.14 所 示 。 用 户 单 击 任何 超 链 接 , 则 在 showframe 框架 
中 显示 个 网 页 。 用 户 单 击 webform2 超 链接 的 显示 结果 如 图 4. 15 所 示 。 


(SO htpi/localhost60142/web P - | 图 [人 @ pwochosaoltzwmb p - cj OV 
您 localhost 回 缚 localhost x 


~ 
webforml Ti 
webform2 
webform3 v 
图 4.14 webform2. html 网 页 的 执行 界面 一 图 4.15 webform2. html 网 页 的 执行 界面 二 


从 中 看 到 ,frameset/frame 和 iframe 框架 的 几 点 差别 如 下 : 

。 HTML5 不 支持 frameset/frame, 但 支持 iframe。 

。 frame 不 能 脱离 frameset 单独 使 用 ,而 iframe 可 以 。 

。 frame 的 高 度 只 能 通过 frameset 控制 ,而 iframe 可 以 自己 控制 。 
。 frame 不 能 放 在 body 中 ,而 iframe 可 以 。 

。 iframe 的 使 用 更 加 随意 和 灵活 。 


4.2.9 HTML 表单 标记 


HTML 提供 的 表单 (form) 是 用 来 将 用 户 输 入 的 数据 从 浏览 器 传递 给 Web 服务 器 的 。 例 
如 ,可 以 利用 表单 建立 一 个 用 户 注册 界面 .也 可 以 利用 表单 对 数据 库 进 行 查询 。 表 单 的 主要 标 
记 如 表 4. 8 所 示 。 
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表 4.8 主要 的 表单 标记 及 其 说 明 


表单 标记 功 能 
<form> 定义 供用 户 输入 的 HTML 表单 
<input> 定义 输入 控件 
<textarea> 定义 多 行 的 文本 输入 控件 (文本 域 ) 
<button> 定义 按钮 
<select> 定义 选择 列表 (下 拉 列 表 ) 
optgroup> 定义 选择 列表 中 相关 选项 的 组 合 
=option> 定义 选择 列表 中 的 选项 
=label> 定义 input 元 素 的 标注 
=fieldset> 定义 围绕 表单 中 元 素 的 边框 
<legend> 定义 fieldset 元 素 的 标题 
=datalist> 定义 下 拉 列 表 
=keygen> 定义 生成 密 钥 
=output> 定义 输出 的 一 些 类 型 


1. 二 form 二 标记 
基本 用 法 : 
<fornm 属性 = "属性 值 "> … </form> 


二 form 记 标记 的 主要 属性 如 下 : 

。 action( 必 选 ): 用 来 指出 当 这 个 表单 提交 后 需要 执行 的 驻 留 在 Web 服务 器 上 的 程序 名 
(包括 路 径 ) 是 什么 。 一 旦 Internet 网 络 用 户 提 交 输 入 信息 后 服务 器 便 激活 这 个 程序 ， 
完成 某 种 任务 。 例 如 ,二 form action 二 "login. aspx" method 王 "post" 二 …< 一 /form 二 ， 
当 用 户 单 击 本 表单 的 提交 按钮 以 后 ,Web 服务 器 上 的 login. aspx 将 接收 用 户 输 入 的 信 
息 , 以 登记 用 户 信息 。 

。 method( 可 选 ): 用 来 说 明 从 客户 端 浏 览 器 将 因特网 用 户 输入 的 信息 传送 给 Web 服务 

器 时 所 使 用 的 方式 , 它 有 post 和 get( 默 认 方 式 ) 两 种 方式 ,前 者 从 指定 的 资源 请 求 数 

据 , 后 者 向 指定 的 资源 提交 要 被 处 理 的 数据 。 从 数据 的 可 见 性 看 两 者 的 区 别 是 ,使 用 

post 时 表单 中 所 有 的 变量 及 其 值 按 规律 放 入 报 文 中 ,而 不 是 附加 在 action 所 设 定 的 

URL 之 后 ; 使 用 get 时 将 form 的 输入 信息 作为 字符 串 附加 在 action 所 设 定 的 URL 

的 后 面 ,并 用 ? 隔 开 , 即 在 客户 端 浏览 器 的 地 址 栏 中 可 以 直接 看 见 这 些 内 容 。 

enctype( 可 选 ): 该 属性 规定 在 发 送 到 服务 器 之 前 应 该 如 何 对 表单 数据 进行 编码 。 默 

认 地 ,表单 数据 会 编码 为 application/ x-www-form-urlencoded。 在 发 送 到 服务 器 之 前 ,所 

有 字符 都 会 进行 编码 (空格 转换 为 “十 ”加 号 ,特殊 符号 转换 为 ASCII 十 六 进 制 值 ) 。 

。 target( 可 选 ):; 用 于 规定 在 哪 一 个 窗口 中 打开 action 属性 中 规定 的 网 页 ,默认 值 为 
_self。 

2. 各 种 常见 的 表单 控件 


在 二 form> 与 二 /form 之 之 间 可 以 嵌入 各 种 控件 ,也 称 为 表单 域 标 记 。 它 们 的 通用 格 
式 为 : 


< input type= "输入 控件 类 型 " name = "域名 称 ”value = " 值 "> 
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其 中 ,type 属性 设置 该 控件 的 类 型 ; name 确定 该 控件 在 整个 文档 中 的 名 称 ; value 属性 设置 
input 元 素 的 值 。 

(1) 单行 文本 输入 框 

基本 用 法 : 


< input type = "text" name = "域名 称 " value = "默认 值 " maxlength= 值 size= 值 /> 


其 中 ,value 属性 确定 该 文本 框 预 置 的 文字 ; maxlength 属性 确定 在 这 个 文本 框 中 所 能 容纳 的 
字符 串 最 大 长 度 , 该 项 可 以 不 设置 ; size 属性 确定 这 个 文本 框 的 显示 宽度 ,以 能 显示 多 少 个 字 
符 来 衡量 。 

另 有 一 种 特殊 的 单行 文本 输入 框 专门 用 于 输入 密码 (password) ,不 同 之 处 在 于 它 对 键盘 
输入 的 回 显 字符 为 * , 即 它 把 用 户 的 输入 隐藏 了 。 其 用 法 为 : 


< input type = "password" name = "域名 称 " value = "默认 值 " maxlength= 值 size = 值 > 


(2) 命令 按钮 
基本 用 法 : 


< input type = "button" name = "域名 称 " value = " 值 "> 


type 设置 为 "button "表示 这 个 控件 为 按钮 。 另 有 两 个 特殊 的 控件 ,它们 实质 上 是 按钮 ,但 其 
type 不 是 "button" ,而 分 别 是 "submit" (提交 按 钮 ) 和 "reset"( 重 置 按钮 )。 其 用 法 分 别 为 : 

< input type = "submit" name = "域名 称 " value = " 值 "> 

< input type = "reset" name = "域名 称 " value = " 值 "> 

按 下 提交 按钮 后 ,表单 就 把 当前 所 获得 的 信息 以 method 指定 的 方式 全 部 传 给 action 指 
定 的 程序 。 按 下 重 置 按钮 后 , 则 表单 中 的 所 有 控件 都 被 重 置 ,恢复 初始 状态 。 

(3) 复 选 框 

基本 用 法 : 


< input type = "checkbox" name = "域名 称 " value = " 值 " checked> 


type 设置 为 "checkbox" 表 示 这 个 控件 为 复 选 框 ; value 用 于 设置 当 这 个 检查 框 被 选中 后 ,发送 
给 action 指定 处 理 程序 的 值 ; checked 为 预 置 该 检查 框 被 选中 ,如 果 有 这 一 项 ,该 检查 框 初始 
值 为 被 选中 。 

(4) 单 选 框 (选项 按钮 ) 

基本 用 法 : 

< input type = "radio" name = "域名 称 " value = " 值 " checked > 
单 选 框 的 各 属性 意义 与 复 选 框 的 基本 相同 。 值 得 注意 的 是 ,要 设置 单 选 框 时 ,各 选项 必须 同名 
(具有 相同 的 name) , 取 值 不 同 (value 不 相同 ) ,并 且 几 个 选项 中 必须 有 且 只 能 有 一 个 预 置 为 选 
中 。 如 果 没 有 预 置 选中 项 ,默认 预 置 第 一 个 选择 项 被 选中 。 

(5) 图 像 

基本 用 法 : 


< input type = "image" name = "域名 称 " src = URL > 
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该 标记 把 src 指定 位 置 的 图 像 加 到 表单 里 , 当 用 户 用 鼠标 在 该 图 像 内 点 击 时 ,该 点 在 图 像 
中 的 坐标 作为 值 传 给 action 指定 的 处 理 程序 。 

(6) 隐藏 项 

基本 用 法 : 


< input type = "hidden" name = "域名 称 " value = 值 > 


该 控件 的 内 容 在 表单 中 被 隐藏 起 来 ,并 不 在 网 页 中 显示 。 通 常 可 用 来 以 隐藏 方式 向 服务 
器 传送 有 关 信 息 。 

(7) 菜单 和 列表 

select 元 素 可 创建 单 选 或 多 选 菜单 。 当 提交 表单 时 ,浏览 器 会 提交 选 定 的 项 目 , 或 收集 用 
逗号 分 隔 的 多 个 选项 ,将 其 合成 一 个 单独 的 参数 列表 ,并 且 在 将 二 select 二 表单 数据 提交 给 服 
务 器 时 包括 name 属性 。 

option 元 素 定 义 下 拉 列 表 中 的 一 个 选项 ,浏览 器 将 二 option 二 标签 中 的 内 容 作 为 一 select 二 
标签 的 菜单 或 是 滚动 列表 中 的 一 个 元 素 显 示 。option 元 素 位 于 select 元 素 内 部 。 

select 元 素 和 option 元 素 的 基本 用 法 如 下 : 


<select> 
< option value = "选项 1 名 称 "> 选项 1 显示 文字 </option > 
< option value = "选项 2 名 称 "> 选 项 2 显示 文字 </option> 


< otion value = "选项 n 名 称 "> 选项 n 显示 文字 </option > 


</select> 


【 练 一 练 】 在 CH4 网 站 中 添加 一 个 webform10. html 网 页 ,通过 一 个 用 户 注册 界面 的 设 
计 说 明 表单 标记 的 使 用 方法 。 

其 设计 步骤 如 下 : 

@ 打开 CH4 网 站 ,选择 “网 站 | 添加 新 项 ”命令 ,出 现 “ 添 加 新 项 -CH4” 对 话 框 ,在 中 间 列 
表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform10. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 源 视图 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf — 8"/> 
<title> </title> 
</head> 
<body> 
< form action = "RegPage. html" method = "post"> 
<table style = "align - content:center;width:350px"> 
< caption><h3 > 用 户 注册 </h3 ></caption> 
<tr> 
<td style = "text - align:right"> 用 户 名 </td> 
<td> < input type = "text" name = "name" size= "20" 
style= "width: 120px; height: 16px" /> 
</td> 
</tr> 
«> 
<td style= "text - align:right"> 密 码 </td> 
<td> 
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< input type = "password" name = "pass" size= "20" 
style= "width: 120px; height: 16px" /> 


</td> 
</tr> 
<tr> 


<td style = "text - align:right"> 年 龄 </td> 
<td>< input type = "radio" name = "age" /> 18 以 下 
< input type = "radio" name = "age" /> 18 一 25 


<br /> 


< input type = "radio" name = "age" /> 26 一 45 
< input type= "radio" name = "age" /> 45 以 上 


</td> 
</tr> 
<tr> 


<td style= "text - align:right"> 民 族 </td> 


<td> 
< select > 


< option value = "mzl"> 汉 族 </option> 
< option value = "mz2"> 满 族 </option > 
< option value = "mz3"> 回 族 </option> 
< option value = "mz4"> 其 他 </option> 


</select> 
</td> 
</tr> 
<tr> 


<td style= "text- align:right"> 喜 爱 的 运动 </td> 
<td> < input type = "checkbox" name = "lovel" value = "足球 "/> 足 球 


<br /> 


< input type = "checkbox"” name = "love2" value = "篮球 ”checked = "checked" /> 篮球 
< br />< input type = "checkbox” name = "love3" value = "排球 "/> 排 球 


</td> 
</tr> 
<tr> 


<td style = "text ~ align:center" colspan= "2"> 
< input type = "submit" value = "确定 " /> gnbsp; &nbsp; &nbsp; 
< input type = "reset" value = " 重 置 " /> 


</td> 
</tr> 
</table> 
</form> 
</body> 
</html > 


该 网 页 中 包含 一 个 6 行 2 列 的 表格 ,并 设计 了 
表格 标题 。 表 格 中 使 用 单行 文本 输入 框 、 命 令 按 
钮 、 复 选 框 . 单 选 框 . 莱 单 和 列表 等 表单 控件 。 该 网 
页 在 下 浏览 器 中 显示 的 初始 界面 如 图 4. 16 所 示 。 
用 户 在 其 中 操作 后 单 击 “ 确 定 ” 按 钮 ,将 转向 
RegPage. html 网 页 (这 里 没有 设计 RegPage. html 
网 页 )。 


O18 下 O18-25 
O26-45O45 以 上 
v 


口 足球 

喜爱 的 运动 回 篮球 

口 排球 
确定 | [ 重要 


图 4.16 webform10.html 网 页 的 执行 界面 
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4.3 CSS 设计 


知识 梳理 


CSS 是 什么 


CSS 样 式 设计 


CSS 样 式 的 组 织 方式 


使 用 Visual Studio 样 式 生 成 器 设计 样式 


CSS 方 框 模型 


网 页 页 面 布局 


4.3.1 CSS 是 什么 


CSS(Cascading Style Sheets) 即 为 级 联 样式 表 或 层 码 样式 表 , 与 HTML 一 样 也 是 一 种 标记 语 
言 , 甚 至 很 多 属性 都 是 来 源 于 HTML。CSS 技术 诞生 于 1996 年 ,由 W3C 负责 组 织 和 制定 的 。 

CSS 与 HTML 的 关系 就 是 内容 ”和 “形式 ”, 即 HTML 来 组 织 网 页 的 结构 和 内 容 ,CSS 
来 决定 页 面 的 表现 形式 。CSS 的 优点 如 下 : 


和 传统 的 HTML 相 比 ,CSS 除了 具有 强大 的 控制 能 力 和 排版 能 力 之 外 ,最 主要 的 是 实 
现 了 内 容 与 样式 的 分 离 ,这 种 做 法 带 来 了 许多 好 处 ; 

CSS 简化 了 网 页 的 代码 ,提高 了 访问 速度 ; 

采用 CSS 可 以 构建 公共 样式 库 , 便 于 重用 样式 ; 

CSS 便于 修改 网 站 的 样式 ; 

CSS 方便 团队 的 开发 。 


4.3.2 CSS 样式 设计 


样式 是 指 每 一 个 网 页 元 素 呈 现在 浏览 器 中 的 风格 ,如 字体 的 大 小 、 颜 色 、 页 面 的 背景 色 . 背 
景 图 等 。 样 式 表 中 包含 应 用 于 网 页 元 素 的 相关 样式 信息 。 
定义 样式 的 基本 格式 如 下 : 


样式 属性 1: 值 1; 样式 属性 2: 值 2; … 


样式 属性 与 值 之 间 用 冒号 “:” 分 隔 ,如 果 


个 样式 中 有 多 个 样式 属性 ,各 样式 属性 之 间 要 PL 
选择 器 hl 
用 分 号 “;” 隔 开 。 { color : green 规 
例如 ,一 个 最 简单 样式 表 的 形式 如 图 4. 17 fontsize ; 20px 三 则 


所 示 。 其 中 ,hl 称 为 选择 器 ,用 来 表示 应 当 向 什 
么 元 素 应 用 该 格式 化 信息 。 从 hl 开始 到 闭合 


属性 值 


大 括号 的 代码 块 称 为 规则 。 上 述 规则 定义 了 网 图 4.17 最 简单 样式 表 的 形式 
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页 中 所 有 二 hl 过 元 素 的 外 观 。 该 选择 器 可 以 直接 映射 到 HTML 元 素 上 。 

一 般 地 ,要 能 够 样式 化 网 页 上 的 元 素 , 浏 览 器 必须 知道 3 个 事件 : 

。 必须 样式 化 网 页 上 的 什么 元 素 ? 

。 必须 样式 化 元 素 的 什么 部 分 ? 

。 和 希望 选中 的 元 素 的 那 部 分 看 起 来 是 什么 样子 ? 

这 些 问 题 的 答案 由 选择 器 .属性 和 值 给 出 。 

1. CSS 选择 器 

在 CSS 中 ,选择 器 是 一 种 模式 ,用 于 选择 需要 添加 样式 的 元 素 。CSS 中 的 选择 器 有 
Universal 选择 器 .Type 选择 器 .类 选择 器 .ID 选择 器 和 伪 类 选择 器 等 。 

(1) Universal 选择 器 

Universal 选择 器 (通用 选择 器 ) 用 星 号 (* ) 表 示 , 适 用 于 网 页 的 所 有 元 素 。Universal 选 
择 器 可 以 用 来 进行 一 些 全 局 设置 。 例 如 ,以 下 规则 将 网 页 中 所 有 元 素 的 字体 改 为 Arial: 


* { font— family : Arial; } 

(2) Type 选择 器 

Type 选择 器 (类 型 选择 器 ) 是 最 典型 的 选择 器 类 型 ,用 于 指向 一 个 特定 类 型 的 HTML 元 
素 。 如 果 有 多 个 不 同 的 标记 要 使 用 相同 的 样式 , 则 可 以 采用 编组 的 方法 简化 定义 。 例 如 


hl,h2,h3 { color:red } 
则 所 有 的 hl、h2、h3 标题 都 将 以 红色 显示 ,这 种 表示 法 中 ,各 选择 器 之 间 要 用 逗号 “, ”分隔 。 

(3) 类 选择 器 

使 用 类 选择 器 可 以 为 某 一 个 HTML 标记 创建 多 个 样式 ,或 为 多 个 标记 创建 同一 种 样式 。 
类 选择 器 的 定义 格式 如 下 : 

样式 定义 选择 符 .类 名 {样式 属性 1: 值 1; 样 式 属性 2: 值 2; …} 

例如 ,hl. first 和 hl. second 的 样式 代码 分 别 如 下 : 


hl.first {color:redi;font- size:40px } 
hl. second{color:blue;font - size:30px } 


这 样 ,可 以 通过 以 下 方式 使 用 它们 : 


<body> 
<hl class = "first"> 中 华人 民 共 和 国 </hl > 
< hl class = "second"> 教 育 部 </hl > 
</body> 
其 在 浏览 器 中 的 显示 结果 如 图 4. 18 所 示 。 
(4) ID 选择 器 
选择 器 用 来 在 网 页 内 选择 或 指向 一 个 或 多 个 特定 的 元 素 ， ”中 华人 民 共和 国 
以 对 要 格式 化 的 元 素 更 细 化 的 控制 。 可 以 使 用 若干 个 不 同 的 选 
择 器 ,这 里 仅 介绍 ID 选择 器 。 教育 部 
ID 选择 器 以 “# ”为 标志 ,依靠 这 个 唯一 的 标志 可 以 定义 一 图 4.18 采用 类 选择 器 样式 
套 样式 。 其 定义 方法 如 下 : 的 浏览 器 显示 结果 
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# 攻 选择 器 名 {属性 1: 值 1; 属 性 2: 值 2; …; 属性 n: 值 n} 
其 中 ,ID 选择 器 名 前 的 “# ”符号 一 定 不 能 省 略 。 例 如 : 
#customIdl1 {color:red} 
在 网 页 中 引用 该 样式 的 标记 内 使 用 id 属性 即 可 。 例 如 : 
<p id= "customId1"> 本 段落 文字 为 红色 </p> 
ID 选择 器 与 类 选择 器 主要 区 别 如 下 : 
。 类 选择 器 前 面 以 ”. ”开始 ,而 ID 选择 器 前 面 以 "并 ”开始 。 
。 在 设计 网 页 时 ,类 可 以 分 配给 任何 个 数 的 元 素 , 通 常 ID 选择 器 只 能 在 某 个 HTML 文 
档 中 使 用 一 次 。ID 选择 器 类 似 于 表单 元 素 input 中 的 name 属性 ,每 个 name 属性 的 
值 应 该 是 唯一 的 。 
。 值得 注意 的 是 ,实际 上 有 些 浏览 器 (如 IE) 不 一 定 会 检查 网 页 中 ID 选择 器 的 唯一 性 ,可 
以 在 网 页 中 对 多 个 元 素 使 用 同一 个 ID 选择 器 ,从 而 使 同一 个 样式 表现 在 多 个 元 素 上 。 
建议 最 好 不 要 这 要 做 。 
。 ID 选择 器 对 元 素 应 用 样式 时 比 类 选择 器 具有 更 高 的 优先 级 。 
(5) 伪 类 选择 器 
CSS 还 包含 一 系列 伪 类 选择 器 (简称 为 伪 类 ) ,在 创建 样式 规则 时 提供 了 额外 的 选项 。 伪 
类 可 以 添加 到 其 他 选择 器 以 创建 更 复杂 的 CSS 规则 。 
例如 ,有 如 下 代码 : 
#title p:first ~ child { font- size: small; color:red; } 
#title p:nth— child(2) { font - size: medium; color:blue;} 
第 1 行 表示 将 该 样式 应 用 于 id 属性 为 title 元 素 中 的 第 一 个 段落 标记 。 第 2 行 表示 将 该 
样式 应 用 于 id 属性 为 title 的 元 素 中 的 第 2 个 段落 标记 。 例 如 : 
<body> 
<div id = "title"> 


<p> 第 1 个 段落 : 红色 small </p> 
<p> 第 2 个 段落 : 蓝 色 medium </p> 


</div> 
</body> 
其 在 浏览 器 中 的 显示 结果 如 图 4. 19 所 示 。 第 1 个 段落 : 红色 small 
另外 ,还 有 与 错 点 相关 的 伪 类 ,是 专用 于 一 a> 标 记 的 选择 器 ,可 第) 个 耻 箭 , 基色 mediam 
以 设置 不 同类 型 超 链接 的 显示 方式 : 图 4.19 采用 伪 类 样式 的 
。 a:link: 未 被 访问 过 的 超 链接 。 浏览 器 显示 结果 


。 a:visited: 已 被 访问 过 的 超 链接 。 

。 a:active: 当 超 链接 处 于 选中 状态 。 

。 a:hover: 当 鼠 标 指针 移动 到 超 链接 上 。 
例如 : 


a:visited,a:link { color:blue } 
a:hover { color:red; text - decoration:none } 
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语句 定义 了 这 个 文档 中 的 超 链 接 文 本 在 未 访问 和 被 访问 时 为 蓝 色 、 带 下 划 线 , 当 有 鼠标 掠 过 时 


颜色 变 为 红色 、 不 带 下 划 线 。 


2. CSS 属性 


属性 是 元 素 的 一 部 分 ,可 通过 样式 表 修 改 。CSS 定义 了 一 个 很 长 的 属性 列表 ,如 CSS 文 
本 属性 (text)、CSS 背景 属性 (background)、CSS 尺寸 属性 (dimension) 和 CSS 表格 属性 
(table) 等 。 大 多 数 情况 下 网 站 中 不 会 用 到 所 有 项 , 表 4.9 给 出 了 常用 的 CSS 属性 。 


表 4.9 常用 的 CSS 属性 


CSS 属性 功 能 
background-color 设置 元 素 的 背景 颜色 
background-image 设置 元 素 的 背景 图 像 
border 在 一 个 声明 中 设置 所 有 的 边框 属性 
height 设置 元 素 高 度 
width 设置 元 素 的 宽度 
font 在 一 个 声明 中 设置 所 有 字体 属性 
font-family 规定 文本 的 字体 系列 
font-size 规定 文本 的 字体 尺寸 
font-weight 规定 字体 的 粗细 
target 简写 属性 ,设置 targetrname targetrnew 以 及 target-position 属性 
margin 在 一 个 声明 中 设置 所 有 外 边 距 属性 
padding 在 一 个 声明 中 设置 所 有 内 边 距 属性 
color 设置 文本 的 颜色 
text-align 设置 文本 的 水 平 对 齐 方式 
vertical-align 设置 元 素 的 纵向 排列 对 齐 方式 


另外 还 有 两 个 很 重要 的 定位 属性 。 


(1) float 属性 


该 属性 定义 元 素 在 哪个 方向 浮动 。 以 往 这 个 属性 总 应 用 于 图 像 ,使 文本 围绕 在 图 像 周围 ， 
不 过 在 CSS 中 ,任何 元 素 都 可 以 浮动 。 浮 动 元 素 会 生成 一 个 块 级 框 ,而 不 论 它 本 身 是 何 种 元 


素 。 该 属性 可 能 的 取 值 如 下 : 


。 none( 默 认 值 ) : 元 素 不 浮动 ,并 会 显示 在 其 在 文本 中 出 现 的 位 置 。 


。 left: 元 素 向 左 浮动 。 
。 right: 元 素 向 右 浮动 。 


。 inherit: 规定 应 该 从 父 元 素 继承 float 属性 的 值 。 


(2) position 属性 


该 属性 规定 元 素 的 定位 类 型 ,定义 建立 元 素 布局 所 用 的 定位 机 制 。 任 何 元 素 都 可 以 定位 ， 
不 过 绝对 或 固定 元 素 会 生成 一 个 块 级 框 ,而 不 论 该 元 素 本 身 是 什么 类 型 。 相 对 定位 元 素 会 相 
对 于 它 在 正常 流 中 的 默认 位 置 偏 移 。 可 能 的 取 值 如 下 : 

。 static( 默 认 值 ): 没有 定位 ,元 素 出 现在 正常 的 流 中 (忽略 top、bottom、left 或 right 等 


声明 ) 。 


absolute: 生成 绝对 定位 的 元 素 , 相 对 于 static 定位 以 外 的 第 一 个 父 元 素 进行 定位 。 元 


素 的 位 置 通 过 left .top \right 或 bottom 属性 进行 规定 。 
。 fixed: 生成 绝对 定位 的 元 素 . 相 对 于 浏览 器 窗口 进行 定位 。 元 素 的 位 置 通过 left top、 
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right 或 bottom 属性 进行 规定 。 

relative: 生成 相对 定位 的 元 素 ,相对 于 其 正常 位 置 进行 定位 。 因 此 ,left:20px 表示 向 
元 素 的 左边 位 置 添加 20 像素 。 

。 inherit: 规定 应 该 从 父 元 素 继承 position 属性 的 值 。 

例如 ,如 下 代码 采用 绝对 定位 和 相对 定位 显示 文字 : 


<body> 
<div style = "position:absolute; left:40px; top:60px"> 
< h2 > 绝对 定位 的 标题 </h2 > 
</div> 
<div style= "position:relative: left:20px"> 
<h3 > 相对 定位 的 标题 </h3 > 
</div> 
</body> 


其 显示 结果 如 图 4. 20 所 示 。 
实际 上 ,Visual Studio 提供 了 十 分 方便 的 智能 感知 , 当 开 发 人 员 输 入 CSS 属性 名 时 ,智能 
感知 便 列 出 相应 的 CSS 属性 ,如 图 4. 21 所 示 , 可 以 从 中 选择 相应 CSS 属性 。 因 此 不 必 全 部 记 


住 这 些 CSS 属性 。 


® 忽 http://localhost6014. 只 ~ 
localhost x 
s 一 style="width: 160px:het 77 


Ne Er 
a hyphens 
一 要 © line-height 
绝对 定位 的 标题 ts 
一 © min-height 
图 4.20 采用 绝对 定位 和 相对 定位 显示 文字 的 结果 图 4.21 智能 感知 显示 的 CSS 属性 一 


3. 属性 值 

从 前 面 float 和 position 属性 看 到 ,同一 属性 的 不 同 取 值 会 导致 不 同 的 效果 。 

另外 ,与 属性 一 样 , 值 也 有 很 多 风格 。 可 用 的 值 取决 于 具体 的 属性 。 例 如 ,color 属性 采用 
表示 颜色 的 值 , 可 以 是 颜色 名 称 ( 如 red), 也 可 能 是 代表 红 、 绿 、 蓝 色 成 分 的 十 六 进 制 数 ( 如 
井 FF0000) 。 

同样 , 当 开 发 人 员 输 入 完 一 个 CSS 属性 名 时 ,智能 感知 便 列 出 相应 的 CSS 属性 值 ,如 
图 4. 22 所 示 列 出 的 是 color 的 CSS 属性 值 , 可 以 从 中 选择 相应 值 。 

style="width: 150px;color: 刀 7》 


:加 | 回国 阁 加 呈 加 加 是 > 


图 4.22 智能 感知 显示 的 CSS 属性 值 二 


4.3.3 CSS 样式 的 组 织 方式 


样式 的 组 织 方式 主要 有 3 种 , 即 内 联 样式 、 内 部 样式 表 和 外 部 样式 表 。 无 论 CSS 样式 如 
何 组 织 , 一 旦 服务 器 将 它们 发 送 到 客户 端 ,浏览 器 将 负责 解析 样式 ,把 它们 应 用 于 网 页 中 相应 
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的 HTML 元 素 。 而 当 采 用 内 部 样式 表 或 外 部 样式 表 时 ,样式 被 定义 为 CSS 规则 ,浏览 器 使 用 
该 规则 确定 应 用 什么 样式 ,以 及 应 用 于 哪些 HTML 元 素 。 

1. 内 联 样式 

在 网 页 设计 中 ,大 多 数 HTML 元 素 都 有 style 属性 ,每 个 HTML 元 素 使 用 一 style 二 标记 
建立 一 个 或 多 个 样式 ,这 种 方式 就 是 内 联 样 式 方式 ,也 称 为 网 页 内 啼 法 。 其 用 法 如 下 : 


style= "属性 1: 值 1; 属性 2: 值 2; …; 属性 n: 值 n" 
内 联 样式 不 需要 定义 为 规则 ,因为 它们 会 自动 应 用 于 包含 它们 的 元 素 。 因 此 ,浏览 器 不 需 
要 选择 要 应 用 该 样式 的 元 素 。 例 如 : 


<hl style = "font - size:40pxicolor:Red;"> 中 华人 民 共 和 国 </hl > 
< h2 style = "font - size:30pxicolor:Bluei"> 教 育 部 </h2 > 


内 联 样式 


这 样 ,浏览 器 直接 将 style 属性 指定 的 样式 作用 于 各 自 的 元 素 。 
这 种 方式 的 优点 是 直观 方便 ; 缺点 是 不 喜欢 某 种 样式 需要 不 大 其 烦 的 重新 逐一 修改 每 
一 个 元 素 的 样式 。 
2. 内 部 样式 表 
设计 一 个 网 页 可 能 需要 多 个 样式 ,内 部 样式 表 方 式 就 是 将 是 在 单个 网 页 中 用 到 的 样式 集 
中 存储 在 该 网 页 内 部 。 内 部 样式 表 就 是 单个 网 页 内 部 存储 的 CSS 样式 集合 (也 称 为 私有 样 
式 )。 这 些 样 式 位 于 二 style 二 标记 中 ,这 个 标记 一 般 位 于 网 页 的 二 header 二 部 分 。 
例如 ( 粗 体 部 分 为 style 标记 ) : 
<!DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml1"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf - 8"/> 
<title > 样式 引用 示例 </title> 
< style type = "text/css"> 
hl {font— size:40px; color:Red;} 内 部 样式 表 
h2 {font - size:30px; color:Blue;} 
</style> 
</head> 
<body> 
<hl > 中 华人 民 共 和 国 </hl > 
< h2 > 教育 部 </h2 > 
</body> 
</html > 
这 种 方法 的 优点 是 所 有 样式 集中 放 在 一 起 ,便于 修改 ,一 旦 某 个 样式 发 生 改 变 , 本 网 页 中 
所 有 该 样式 的 元 素 都 发 生 更 改 。 
3. 外 部 样式 表 


前 面 两 种 方式 设计 的 样式 都 只 适用 于 它 所 在 的 网 页 。 如 果 要 将 其 用 于 其 他 网 页 ,最 好 把 
所 设计 的 样式 放 在 一 个 独立 的 文件 中 ,这 样 的 文件 就 是 外 部 样式 表 文 件 。 例 如 ,样式 表 文 件 
StyleSheetl. css 的 内 容 为 : 


body { background— color: #33bb66; } 
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hl { font ~ size:40pt; color:Blue; } 
h2 { font - size:30pt; color:White;} 


在 网 页 文件 中 引用 该 样式 表 文 件 只 需要 在 网 页 的 二 head 二 元 素 中 添加 如 下 代码 : 
< link href = "StyleSheet1. css" type= "text/css" rel = "Stylesheet" /> 


其 中 ,rel 规定 了 被 链接 文件 的 关系 , 取 值 是 “Stylesheet”; type 属性 规定 了 链接 文件 的 类 
型 ; href 属性 则 指定 了 要 链接 的 样式 表 文 件 的 URL。 

凡是 在 网 页 的 二 head 记 元 素 中 与 该 样式 表 文件 建立 链接 的 HTML 文件 ,其 网 页 元 素 的 
样式 就 会 按照 外 部 样式 表 文 件 中 的 定义 显示 。 

外 部 样式 表 文 件 的 扩展 名 为 css。 在 Visual Studio 中 ,创建 外 部 样式 表 文件 的 操作 是 : 选 
择 “ 网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 ”对 话 框 ,在 中 间 列 表 中 选择 “样式 表 ”, 设 置 样式 
表 文 件 名 , 单 击 “ 添 加 ”按钮 。 

说 明 : 在 3 种 样式 表 组 织 方式 中 ,一 般 地 ,外 部 样式 表 优 于 内 部 样式 表 , 而 内 部 样式 表 优 
于 内 联 样式 。 但 在 实际 应 用 中 ,究竟 采用 哪 种 方式 需要 根据 具体 应 用 而 定 。 


4.3.4 使 用 Visual Studio 样式 生成 器 设计 样式 


Visual Studio 提供 了 专门 的 样式 生成 器 可 以 可 视 化 地 设计 样式 表 文件 。 

【 练 一 练 】 在 CH4 网 站 中 添加 一 个 webforml1. html 网 页 ,并 添加 一 个 StyleSheet. css 
外 部 样式 表 文 件 , 设 计 相 应 的 样式 ,并 将 其 应 用 到 网 页 设计 中 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH4 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH4” 对 话 框 ,在 中 
间 列 表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform1l1. html, 单 击 “ 添 加 ”按钮 。 

@ 选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH4” 对 话 框 ,在 中 间 列 表 中 选择 “ 样 
式 表 ”, 保 持 默认 文件 名 称 为 StyleSheet. css, 单 击 “ 添 加 ”按钮 。 

@ 出 现 如 图 4. 23 所 示 的 样式 设计 对 话 框 。 在 样式 编辑 窗口 删除 原 有 内 容 , 输 入 “hl { )”， 
将 光标 移动 到 该 大 括号 内 , 单 击 工 具 栏 的 委 按钮 (或 在 该 大 括号 内 右 击 鼠 标 ,在 出 现 的 快捷 
菜单 中 选择 “生成 样式 ”命令 ) ,出 现 “ 修 改 样式 "对话 框 。 
DY localhost -60142 - Microsoft visual Studio( 管 理 员 ) 快速 启动 (Ctrl+Q) PP EX 


文件 (F) ”编辑 (E) ”视图 (V) ”网 站 (S) ”生成 (8) ”调式 (D) ” 国 队 (M) ”工具 (D 测试 (S) ”分 析 (N) ”窗口 (W) 帮助 (H) 
©-9O 当 - 阁 国 出 -CS- intemetExplorer- Debug - 同 - 羽 避 如 半 展 开 岂 二 


8 I -Hx webform11.html ~。 解决 方 室 光源 和 理 器 “> 4X 
站 STR Pp Pe 中 oo 台 | 日- 
和 搜索 解决 广安 资源 管理 器 (C| 记 ~ 
ee Eom 
梅 其 项 拖 至 此 文本 可 和 其 》 国 Images 
添加 到 工具 镇. DD htmlpageahtml 
DM Htmlpageb.html 
已 
导 性 4x 
body ICssSelection 


100% -车 » 


图 4.23 样式 设计 对 话 框 
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@ 在 “修改 样式 ”对 话 框 中 设置 hl 的 “字体 ”类 别 如 图 4. 24 所 示 , 单 击 “ 确 定 ” 按 钮 返回 。 
此 时 ,hl 的 定义 变 为 : 
hl { color: #FF0000; font - weight: bold; 


font - size: larger; font - family: 楷体 ; 
} 


font-fanily: 


Eont-size: 1 ES text-decoration; 
加 wderline 
Ee 加 overline 
fat 7 加 line-throuth 
fent-wariant: 加 Wink 
text-transform: 加 sone 


font weight; 


eoler: 


微软 享 趣 AaBbCc 


color ; 邦 FD000; font-weight” bold; font-size: larger; font-fanily. 模 体 


CE 


图 4.24 “修改 样式 "对话 框 
采用 同样 的 操作 创建 两 个 类 选择 器 如 下 : 


hil.first { font- size: 35px; color: #30000FF; } 
hl. second { font - size: 25px; color: #006600; } 


单 击 工具 栏 的 国 按 钮 保存 该 外 部 样式 表 文件 。 
@ 切换 到 webforml1. html 网 页 ,进入 源 视图 ,设计 其 HTML 代码 如 下 : 


<! DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
< meta http - equiv = "Content - Type" content = "text/html; charset = utf - 8"/> 
<title> </title> 
< link href = "StyleSheet. css" type= "text/css" rel = "Stylesheet" /> 
</head> 
<body> 
<div> 
< hi > 中 华人 民 共 和 国 </hl > 
<hl class = "first"> 中 华人 民 共 和 国 </hl > 
<hl class = "second"> 中 华人 民 共 和 国 </hl > 
</div> 
</body> 
</html > 


该 网 页 在 正 浏览 器 中 的 显示 结果 如 图 4. 25 所 示 。 从 中 看 到 ,第 1 行文 字 应 用 了 hl 样 
式 , 第 2 行文 字 应 用 了 hl. first 类 样式 ,第 3 行文 字 应 用 了 hl. second 类 样式 , 且 后 两 行 都 应 
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用 了 hl 的 加 粗 和 楷体 。 

该 样式 表 文 件 可 以 被 本 网 站 中 的 多 个 网 页 所 引用 ,达到 样式 共享 的 目的 ,而 且 使 整个 网 站 
界面 具有 一 致 性 。 

在 网 页 设计 中 ,选择 “视图 | 管理 样式 ”菜单 命令 ,会 出 现 “ 管 理 样式 ”对 话 框 ,如 图 4. 26 所 
示 是 webforml1. html 网 页 的 “管理 样式 ”对 话 框 ,通过 该 对 话 框 可 以 查看 当前 网 页 上 能 使 用 
的 所 有 样式 。 其 中 , 日 按钮 用 于 新 建 样 式 ; 则 按钮 用 于 附加 样式 表 。 


(SY http://localhost6014. PD ~ O 
@localhost x 微软 齐 越 AaBbCc 


中 华人 民 共 和 国 


| 中 华人 民 共 和 国 
中 华人 民 共 和 国 


图 4.25 ”webform12. html 网 页 的 执行 界面 图 4.26 “管理 样式 ”对 话 框 


4.3.5 CSS 方 框 模型 


在 CSS 中 , 方 框 模型 是 定位 元 素 的 核心 ,定义 了 浏览 器 将 HTML 中 的 每 个 元 素 看 作 和 矩形 
方 框 。 该 方 框 由 不 同 的 部 分 组 成 ,包括 页 边 距 、 内 边 距 边框 和 内 容 , 如 图 4. 27 所 示 。 


顶部 
| | 
| 全 浏览 器 边框 
| | 
1 1 

左 | width | 右 
' height ”内容 (HTML 元 素 ) | 
1 

1 
1 | 边框 (border) 
| 内 边 距 (padding) ! 
1 1 
ER AoE ] 

底部 


图 4.27 CSS 方 框 结构 
1. 设置 方 框 的 外 边 距 
CSS 的 外 边 距 属性 设置 为 : 
margin: margin 一 top margin 一 right margin ~ bottom margin— left 


其 中 ,margin 设置 对 象 与 浏览 器 边框 之 间 的 边 距 ; margin-left 设置 左边 距 ; margin-right 设置 
右边 距 ; margin-top 设置 上 边 距 ; margin-bottom 设置 下 边 距 。 可 以 使 用 其 中 任何 一 个 属性 
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来 设置 相应 的 外 边 距 ,而 不 会 直接 影响 其 他 外 边 距 。 
例如 ,以 下 代码 指定 段落 的 左 外 边 距 为 2cm: 
< style type = "text/css"> 


p.: leftmargin {margin— left: 2cm} 
</style> 


2. 设置 方 框 的 边框 
每 个 边框 有 宽度 、 样 式 以 及 颜色 3 方面 信息 。 
通过 border-width 属性 为 边框 指定 宽度 。 其 一 般 格式 为 : 


border - width: 
border — top — width border — right - width border - bottom — width border - left — width 


可 以 使 用 其 中 任何 一 个 属性 来 设置 相应 边 的 宽度 ,而 不 会 直接 影响 其 他 边 的 宽度 。 
通过 border-style 属性 为 边框 指定 样式 。 其 一 般 格式 为 ; 
border - style: 
border - top - style border - right - style border - bottom— style border - left- style 
可 以 使 用 其 中 任何 一 个 属性 来 设置 相应 边 的 样式 ,而 不 会 直接 影响 其 他 边 的 样式 。 
通过 border-color 属性 为 边框 指定 颜色 。 其 一 般 格式 为 ， 


border - color: 
border - top - color border - right - color border - bottom - color border - left- color 


可 以 使 用 其 中 任何 一 个 属性 来 设置 相应 边 的 颜色 ,而 不 会 直接 影响 其 他 边 的 颜色 。 

3. 设置 方 框 的 内 边 距 

设置 方 框 的 内 边 距 采用 padding 属性 ,其 用 法 与 margin 相似 。 

在 CSS 中 ,width 和 height 指 的 是 内 容 区 域 的 宽度 和 高 度 。 增 加 内 边 距 ,边框 和 外 边 距 
不 会 影响 内 容 区 域 的 尺寸 ,但 是 会 增加 元 素 框 的 总 尺寸 。 

【 练 一 练 】 在 CH4 网 站 中 添加 一 个 webform12. html 网 页 ,说 明 CSS 方 框 的 使 用 方法 。 

其 设计 步骤 如 下 : 

@ 打开 CH4 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH4” 对 话 框 ,在 中 
间 列 表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform12. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 源 视 图 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf - 8"/> 
<title></title> 
< style type = "text/css"> 
div 
{ margin: 40px; border: 20px groove #630; 
padding: 60px; background— color: white; 
float: left; 
} 
</style> 
</head> 
<body> 
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<div> 
< img src = "Images\imgl. bmp" style= "width:150px" /> 
</div> 
</body> 
</html > 


该 网 页 在 IE 浏览 器 中 的 显示 结果 如 图 4. 28 所 示 ,图 中 标识 了 方 框 各 个 属性 的 含义 。 


< )® http//localhost60142/web PD = O 
夸 localhost x 


margin:40px 


border:20px 


padding:60px 


图 4.28 ”webform12. html 网 页 的 显示 结果 


4.3.6 网 页 页 面 布局 
在 网 页 设计 中 ,页面 的 整体 结构 布局 是 十 分 重要 的 ,通常 采用 表格 或 方 框 布局 。 
利用 表格 布局 主要 通过 将 网 页 中 的 内 容 分 为 若干 个 区 块 ,用 表格 的 单元 格 代表 区 块 ,然后 
分 别 在 不 同 的 区 块 内 填充 内 容 , 如 图 4. 29 所 示 是 一 种 基本 的 表格 布局 形式 。 
标题 栏 


内 容 栏 1 内 容 栏 2 内 容 栏 3 


版 本 栏 


4.29 一 种 基本 的 表格 布局 形式 


方 框 布局 就 是 采用 DIV 十 CSS 进行 页 面 布 局 .是 Web 2.0 时 代 提 倡 的 一 种 页 面 布局 方 
式 ,是 一 种 比较 灵活 方便 的 布局 方法 。 对 于 DIV 十 CSS 布局 的 页 面 ,浏览 器 会 边 解析 边 显示 。 
DIV 十 CSS 网 页 布局 的 基本 流程 如 下 : 

@ 规划 网 页 结构 ,把 网 站 从 整体 上 分 为 几 个 区 块 ,规划 好 每 个 区 块 的 大 小 和 位 置 。 

@ 将 区 块 用 二 div 二 标记 代替 ,设置 好 每 个 二 div 二 的 大 小 和 样式 。 

@ 通过 布局 属性 设置 一 div 之 的 位 置 布局 。 

【 练 一 练 】 在 CH4 网 站 中 添加 一 个 webform13. html 网 页 ,说明 DIV 十 CSS 布局 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH4 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH4” 对 话 框 ,在 中 
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间 列 表 中 选择 "HTML 页 ”, 将 文件 名 称 改 为 webform13. html, 单 击 “ 添 加 ”按钮 。 
@ 进入 源 视图 ,设计 其 HTML 代码 如 下 : 


<! DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml1"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf 一 8"/> 
<title> </title> 
< style type = "text/css"> 
x* {margin:0px; padding:0px;} 


body 

{ font — size: 12px; margin: Opx auto; 
height: auto; width: 440px; 

} 

.mainBox 


{ border: 1px dashed #0099CC; 
margin: 3px; padding: Opx; 
float: left; height: 200px; 
width: 100px; 

} 

. mainBox h3 

{ float: left; height: 20px; 
width: 100px; color: #FFFFFF; 
padding: 6px 3px 3px 10px; 
background - color: #0099CC; 
font - size: 16px; 

} 

.mainBox p 

{ line- height: 1.5em; 
text — indent: 2em; 
margin: 35px 5px 5px 5px; 


} 
</style> 
</head> 
<body> 
<h2 > 电子 商务 网 站 开发 教程 </h2 > 
<div class = "mainBox"> 
< h3 > 前 言 </h3 > 
<p> 正 文 内 容 </p> 
</div> 


<div class = "mainBox"> 
<h3 > 第 1 章 </h3 > 
<p> 正 文 内 容 </p> 

</div> 

<div class = "mainBox"> 
<h3> 第 3 章 </h3> 
<p> 正 文 内 容 </p> 

</div> 

<div class = "mainBox"> 
<h3 > 第 3 章 </h3 > 
<p> 正 文 内 容 </p> 

</div> 

<footer> 
<br /> 
< h3 > 结束 语 </h3 > 

</footer > 

</body> 
</html > 
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该 网 页 在 IE 浏览 器 中 的 显示 结果 如 图 4. 30 所 示 。 本 例 采 用 内 联 样 式 方式 设置 方 框 选择 
器 和 类 选择 器 等 ,在 body 二 中 用 一 div 二 等 标记 进行 页 面 布局 。 


四 ©) @ hutpi//localhost60142/webform131 D> O ] ee 
Ts 


看 localhost 四 
电子 商务 网 站 开发 教程 
目 第 ] 章 第 3 章 第 境 
正文 内 容 |。 正文 内 容 | 正文 内 容 || 。 正文 内 容 
| 
结束 语 


图 4.30 ”webform13. html 网 页 的 执行 界面 


4.4 练 习 题 

1. 单项 选择 题 
(1) 下 列 标记 不 属于 HTML 文档 的 基本 结构 的 是 (  )。 

A. =html> B. =body> C. <head> D. =form> 
(2) 在 HTML 中 ,( ) 不 属于 HTML 文档 的 基本 组 成 部 分 。 

A. =style><=/style> B. =body><=/body> 

C. <html></html> D. =head></head> 
(3) 在 HTML 中 ,可 以 使 用 ( ”) 标 记 向 网 页 中 插入 GIF 动画 文件 。 

A. =form> B. =body> C. <table> D. =img> 
(4) 在 插入 图 片 标记 中 ,对 插入 的 图 片 进行 文字 说 明 使 用 的 属性 是 ( Ys 

A. name B. id C. src D. alt 


(5) 在 HTML 上 ,将 表单 中 INPUT 元 素 的 TYPE 属性 值 设置 为 ( ) 时 ,用 于 创建 重 
置 按钮 。 


A. reset B. set C. button D. image 
(6) HTML 代码 二 aname 一 "NAME" 盖 二 /a> 表 示 ( Ks 
A. 创建 一 个 超 链 接 


B. 创建 一 个 自动 发 送 电子 邮件 的 链接 
C. 创建 一 个 位 于 文档 内 部 的 链接 点 ( 锚 点 ) 
D. 创建 一 个 指向 位 于 文档 内 部 的 链接 点 
(7) 如 果 在 tmp. htm 中 包含 如 下 代码 , 则 该 HTML 文档 IE 浏览 器 中 打开 后 ,用 户 单 击 
此 链接 将 ( 四 


<a href ="# novel"> 小 说 </a> 
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A. 使 页 面 跳 转 到 同一 文件 夹 下 名 为 novel. html 的 HTML 文档 
B. 使 页 面 跳 转 到 同一 文件 夹 下 名 为 “小 说 . html” 的 HTML 文档 
C. 使 页 面 跳 转 到 tmp. htm 包含 名 为 novel 的 锚 点 处 
D. 使 页 面 跳 转 到 同一 文件 夹 下 名 为 “小 说 . html” 的 文档 中 名 为 novel 的 锚 点 处 
(8) 下 面 关 于 绝对 路 径 的 说 法 ,正确 的 是 ( 3 
A. 绝对 路 径 是 被 链接 文档 的 完整 URL ,不 包括 使 用 的 传输 协议 
B. 使 用 绝对 路 径 需要 考虑 源 文 件 的 位 置 
C. 在 绝对 路 径 中 ,如 果 目 标 文 件 被 移动 , 则 链接 同样 可 用 
D. 创建 外 部 链接 时 ,必须 使 用 绝对 路 径 
(9) 以 下 说 法 正确 的 是 ( i 
A. 二 p 二 标记 必须 以 二 /p 二 标记 结束 
B. 二 br 二 标记 必须 以 二 /br 二 标记 结束 
C. < 到 title 过 标记 应 该 以 一 /title 之 标记 结束 
D. 所 font 之 标记 不 能 在 二 pre 之 标记 中 使 用 
(10) 在 HTML 中 ,( ) 标 记 用 于 在 网 页 中 创建 表单 。 


A. =input> B. =select> C. <table> D. =form> 

(11) 对 于 过 form action 二 "URL" method 一 "* "二 标 记 , 其 中 x* 代 表 GET 或 ( ” )。 
A. SET BPUT C. POST D. INPUT 

(12) 对 于 标记 <<input id 一 "Textl" type 二 "*" /二 ,如 果 和 希望 实现 密码 框 效 果 , x 值 是 ( “)。 
A. hidden B. text C. password D. submit 


(13) 如 下 HTML 代码 表示 ( ys 


< select id = "Select1" name= "D1"> 
< option> A</option> 
<option>B</option> 


</select> 
A. 创建 表格 B. 创建 一 个 滚动 菜单 
C. 设置 每 个 表单 项 的 内 容 D. 创建 一 个 下 拉 菜 单 


(14) 执行 如 下 HTML 代码 , 当 用 户 单 击 “ 我 的 链接 ”时 ,( ) 。 


<a href = "webforml. html”target = " iframel"> 我 的 链接 </a> 
< iframe name = " iframel" ></iframe> 

A. 在 一 个 新 窗口 中 显示 webforml. html 网 页 

B. 在 iframel 框架 中 显示 webforml. html 网 页 

C. 在 当前 窗口 中 显示 webforml. html 网 页 

D. 在 当前 窗口 的 父 窗 口中 显示 webforml. html 网 页 
(15) CSS 样式 不 包括 (  )。 


A. 基于 网 页 元 素 的 样式 B. 基于 类 的 样式 
C. 基于 ID 的 样式 D. 基于 文件 的 样式 

(16) 在 HTML 中 ,样式 表 按照 应 用 方式 可 以 分 为 3 种 类 型 ,其 中 不 包括 ( 和 
A. 内 艇 样式 B. 内 部 样式 表 


C. 外 部 样式 表 文 件 D. 类 样式 表 
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(17) 在 HTML 中 ,以 下 关于 CSS 样式 中 文本 属性 的 说 法 ,错误 的 是 (  )。 
A. font-size 用 来 设置 文本 的 字体 大 小 。 B. font-family 用 来 设置 文本 的 字体 类 型 
C. color 用 来 设置 文本 的 颜色 D. text-align 用 来 设置 文本 的 字体 形状 
(18) 有 关 下 面 代码 片段 的 说 法 ,( ) 是 正确 的 。 
<style type= "text/css"> 
a{ color:blue; 
text — decoration:none; } 
a:link { color:blue;} 
a:hover { color:red; } 
a:visited { color:green;} 
</style> 
A. a 样式 与 a:link 样式 效果 相同 
B. a:hover 是 鼠标 正在 按 下 时 链接 文字 的 样式 
C. a:link 是 未 被 访问 的 链接 样式 
D. a:visited 是 鼠标 正在 按 下 时 链接 文字 的 样式 
(19) 在 HTML 中 ,使 用 HTML 元 素 的 class 属性 ,将 样式 应 用 于 网 页 上 某 个 段落 的 代码 
如 下 所 示 : 


<p class = "firstp"> 这 是 一 个 段落 </p> 


下 面 选项 中 ,( ) 正 确定 义 了 上 面 代码 引用 的 样式 规则 。 
A. =styletype= "text/css">p {color:red} = /style> 
B. =styletype= "text/css">#firstp{color:red}<= /style> 
C. <styletype= "text/css"> p. {color:red}<= /style> 
D. 都 不 正确 

(20) 有 关 下 列 方 框 属性 正确 的 是 (  )。 
A. margin-left 是 设置 对 象 的 左 填充 
B. border-width 是 设置 边框 的 宽度 
C. padding-left 是 设置 内 容 与 右边 框 之 间 的 距离 
D. 以 上 说 法 都 不 对 

2. 问答 题 

(1) 简 述 HTML 文档 结构 。 

(2) 简 述 HTML 常用 的 格式 标记 及 其 作用 。 

(3) 简 述 HTML 常用 的 列表 标记 及 其 作用 。 

(4) 简 述 HTML 常用 的 样式 / 节 标 记 及 其 作用 。 

(5) 简 述 HTML 常用 的 超 链接 标记 及 其 作用 。 

(6) 简 述 二 img 二 图 像 标 记 及 其 作用 。 

(7) 简 述 iframe 框架 标记 及 其 作用 。 

(8) 简 述 在 网 页 中 创建 表格 的 过 程 。 

(9) 简 述 在 网 页 中 建立 表单 的 过 程 。 

(10) 简 述 CSS 的 作用 。 

(11) 简 述 CSS 方 框 模型 。 


是 
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4.5 上 机 实验 题 


在 CH4 网 站 中 设计 一 个 名 称 为 Exp. html 的 网 页 ,用 于 输入 学 生 信息 。 网 页 中 有 一 个 
forml 的 表单 ,其 中 有 一 个 7X2 的 表格 ,第 1 行 两 列 合 并 ,放置 一 个 HTML 文字 “我 的 信息 ”; 
第 2 行 两 列 分 别 为 一 个 HTML 文字 “学 号 "和 HTML 文本 框 Text; 第 3 行 的 两 列 分 别 为 一 
个 HTML 文字 “姓名 ”和 HTML 文本 框 Text2; 第 4 行 的 两 列 分 别 为 一 个 HTML 文字 “性 
别 ” 和 两 个 单 选 按钮 (Radiol 和 Rando2); 第 5 行 的 两 列 分 别 为 一 个 HTML 文字 “民族 ”和 一 
个 下 拉 列 表 Select1; 第 6 行 两 列 合 并 ,放置 一 个 二 input type 王 "button" 二 命令 按钮 Buttonl 
和 一 个 二 input type 二 "reset" 记 命令 按钮 Resetl; 第 7 行 两 列 合 并 ,放置 一 个 二 textarea id 一 
"TextAreal" 盖 文本 域 。 其 设计 界面 如 图 4. 31 所 示 。 其 中 网 页 元 素 外 观 采 用 内 符 样 式 和 内 
部 样式 表 。 内 部 样式 表 如 下 : 


< style type = "text/css"> 
.auto- tabstyle { /* 表格 样式 * / 
Width: 250px; 
} 
.auto ~ captionstyle { /* "我 的 信息 "文字 的 样式 * / 
font - family: 隶书 ; font - size: 24px; 
color: #800080; font - weight: bold; 
text ~ align: center; 
} 
.auto— tagstyle { /* "学 号 "等 文字 的 样式 * / 
color: #0000FF; font— size: medium; 
font - weight: 700; font - family: 楷体 ; 
text - align:right; 
} 
#Buttonl, ##Resetl { /* 命令 按钮 样式 * / 
color: #FF0000; font— size: medium; 
font - weight: 700; font - family: 黑体 ; 
} 
</style> 


本 网 页 的 执行 界面 如 图 4. 32 所 示 , 其 中 “提交 ”按钮 上 不 设计 任何 事件 处 理 方法 ,这 在 下 


一 章 上 机 实验 题 中 添加 。 
ee x 
BE 钨 httpi//localhost6014: P - 0 
@ localhost i 


我 的 信息 
学 号 [101 


姓名 | 王 华 
性 别 O 男 @ 女 
民族 | 汉族 


攻守 3 


图 4.31 上 机 实验 题 网 页 的 设计 界面 图 4.32 上 机 实验 题 网 页 的 运行 界面 
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JavaScript 可 
以 设计 * 动 ” 
的 网 页 


。 JavaScript 概 述 

。 JavaScript 的 数据 类 型 和 运算 符 
。 JavaScript 的 控制 语句 

。 JavaScript 的 函数 设计 

。 事件 编程 

。 浏览 器 对 象 


5.1 JavaScript 概述 


JavaScript 的 特点 
HTML 文 档 中 引入 JavaScript 脚 本 代码 


5.1.1 JavaScript 的 特点 


知识 梳理 


JavaScript 是 世界 上 最 流行 的 脚本 语言 , 它 属 于 Web 的 语言 ,适用 于 PC 笔记 本 电脑 平 
板 电 脑 和 移动 电话 。JavaScript 被 设计 为 向 HTML 页 面 增加 交互 性 。 许 多 HTML 开发 者 都 
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不 是 程序 员 ,但 是 JavaScript 却 拥 有 非常 简单 的 语法 ,几乎 每 个 人 都 有 能 力 将 小 的 JavaScript 
片段 添加 到 网 页 中 。JavaScript 的 基本 特点 如 下 : 

。 JavaScript 是 一 种 属于 网 络 的 脚本 语言 ,已 经 被 广泛 用 于 Web 应 用 开发 ,常用 来 为 网 
页 添加 各 式 各 样 的 动态 功能 ,为 用 户 提供 更 流畅 美观 的 浏览 效果 。 通 常 JavaScript 脚 
本 是 通过 嵌入 在 HTML 中 来 实现 自身 的 功能 的 。 
JavaScript 是 一 种 解释 性 脚本 语言 (代码 不 进行 预 编译 ) 。 
JavaScript 主要 用 来 向 HTML 网 页 添加 交互 行为 。JavaScript 脚本 用 来 实现 HTML 
语言 不 能 完成 或 难以 完成 的 功能 ,如 通过 访问 和 操作 浏览 器 对 象 控制 浏览 器 外 观 、 状 
态 和 运行 方式 等 。 
JavaScript 脚本 可 以 直接 做 入 HTML 页 面 ,但 也 可 以 单独 存储 在 js 文件 中 有 利于 结 
构 和 行为 的 分 离 。 
JavaScript 具有 跨 平台 特性 ,在 绝 大 多 数 浏览 器 的 支持 下 ,可 以 在 多 种 平台 下 运行 (如 
Windows、Linux、Mac、Android 和 iOS 等 )。 
JavaScript 脚本 语言 同 其 他 语言 一 样 ,有 它 自身 的 基本 数据 类 型 .表达 式 和 算术 运算 符 
及 程序 的 基本 程序 框架 。JavaScript 提供 了 四 种 基本 的 数据 类 型 和 两 种 特殊 数据 类 型 
用 来 处 理 数 据 和 文字 。 而 变量 提供 存放 信息 的 地 方 ,表达 式 则 可 以 完成 较 复 杂 的 信息 
处 理 。 


5.1.2 HTML 文档 中 引入 JavaScript 脚本 代码 


在 HTML 文档 中 引入 JavaScript 脚本 代码 的 常用 方法 如 下 。 

(1) JavaScript 脚本 代码 包含 于 一 script 二 和 二 /script 二 标记 内 ,嵌入 到 HTML 文档 中 。 
其 基本 格式 为 : 

< script language = "javascript" type = "text/javascript” src = "脚本 文件 名 "> 

//JavaScript 脚本 代码 

</script> 

其 中 ,language 属性 指定 封装 代码 的 脚本 语言 及 版 本 ; type 属性 指定 插入 脚本 代码 类 型 ， 
src 属性 用 于 将 外 部 的 脚本 文件 内 容 嵌 入 到 当前 文档 中 。 

【 练 一 练 】 在 DD 盘 的 电子 商务 目录 中 建立 一 个 CH5 的 子 目 录 ,将 其 作为 网 站 目录 ,设计 
一 个 webforml. html 网 页 ,其 功能 是 说 明 引 入 JavaScript 脚本 代码 的 方法 。 

其 设计 步骤 如 下 : 

@ 启动 Visual Studio 2012 。 

@ 选择 “文件 | 新 建 | 网 站 ”命令 ,出 现 “ 新 建 网 站 ”对 话 框 ,选择 “ASP .NET 空 网 站 ”模板 ， 
选择 “Web 位 置 "为 “文件 系统 ”, 单 击 “ 浏 览 " 按 钮 ,选择 “D:\ 电 子 商 务 \CH5” 目 录 , 单 击 “ 确 定 ” 
按钮 ,创建 了 一 个 空 的 网 站 CH5。 

@ 选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 间 列 表 中 选择 
“HTML 页 ”, 将 文件 名 称 改 为 webforml. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 源 视图 ,设计 其 HTML 代码 如 下 : 


<! DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
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< meta http - equiv = "Content - Type" content = "text/html; charset = utf — 8"/> 
<title></title> 
< script language = " javascript" type = "text/ javascript"> 
document. write(" 学 习 JavaScript 编程 !" ); 
</ script > 
</head> 
<body> 
</body> 
</html > 
其 中 ,一 script 二 和 一 /script 过 标记 对 将 Javascript 脚本 代码 进行 封装 ,同时 告诉 浏览 器 其 
间 代 码 为 JavaScript。 
该 网 页 在 IE 浏览 器 中 的 执行 结果 如 图 5. 1 所 示 。 | 
说 明 : JavaScript 代码 用 于 完成 所 需 的 后 台 任务 ,最 好 把 | (全 @[ 人 Bw/oatonss5 5 
JavaScript 代码 放置 于 二 head 二 段 中 ,如 果 JavaScript 代码 用 i > 加 
于 显示 内 容 , 就 把 JavaScript 代码 置 于 二 body 之 艇 中 。 业 
(2) 通过 HTML 文档 事件 处 理 方 法 引入 JavaScript 脚本 
代码 。 开 发 人 员 可 以 给 HTML 文档 中 设 定 不 同 的 事件 处 理 方 
法 ,通常 是 设置 某 HTML 元 素 属性 来 引用 一 个 脚本 ,属性 一 般 


图 5.1 webforml. html 网 页 的 


以 on 开头 。 生生 

【 练 一 练 】 在 CH5 网 站 中 添加 一 个 webform2. html 网 页 ,其 功能 是 说 明 引 入 JavaScript 
脚本 代码 的 方法 。 

其 设计 步骤 如 下 : 


@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 
间 列 表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform2. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 设计 视图 ,直接 输入 “输入 一 个 字符 串 ” 文 字 , 从 工具 箱 的 HTML 类 别 拖 电 两 个 input 
(text) 控 件 和 一 个 input(Button) 控 件 ,并 设置 它们 的 字体 等 属性 。 其 设计 界面 如 图 5. 2 所 示 。 


lbody| 


输入 一 个 字符 束 : CC 


Button1 一 > 求 字符 个 数 
Tex2 一 >[ 国 


DE » 


i 


图 5.2 webform2. html 网 页 设计 界面 
@ 进入 源 视图 ,设计 JavaScript 脚本 代码 ,完整 的 源 视图 代码 如 下 : 


<!DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf - 8"/> 
<title></title> 
< script language = " javascript" type = "text/javascript"> 
function count() 
{ document. getElementById("Text2" ) . value = 
"字符 个 数 为 " + document. getElementById("Text1").value. length; 
} 
</script > 
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< style type = "text/css"> 
.auto— stylel { 
font - family: 楷体 ; font - weight: bold; 
font - size: medium; color: #0000FF; } 
井 Buttonl { 
color: #FF0000; font - size: medium; 
font - weight: 700;font - family: 黑体 ; } 
</style> 
</head> 
<body> 
<p>< span class = "auto - stylel"> 输 入 一 个 字符 串 : </span> 
< input id = "Textl" type = "text" /></p> 
<p>< input id = "Button1" type = "button" value = " 求 字符 个 数 " onclick = "count()"/></p> 
<p>< input id = "Text2" type= "text" /></p> 
</body> 
</html > 


其 中 ,count() 方 法 就 是 一 个 事件 处 理 方法 ,通过 Buttonl 控件 的 onclick= "count()" 属 性 
来 关联 它 ,在 用 户 单 击 Buttonl 时 调用 该 事件 处 理 方法 。 


@ 单 击 工具 栏 的 PIntemetExplorer- 浏览 该 网 页 。 在 Textl 文本 框 中 输入 China, 单 击 “ 求 字 
符 个 数 "按钮 ,其 执行 过 程 如 图 5. 3 所 示 。 


(BO @ hutpy/iocalhost6155. PD ~ O | mpwocahoselss Pp ~ © 
@ localhost x 古 localhost x 


输入 一 个 字符 束 : 输入 一 个 字符 事 : [China 


| [ 基 求 字符 人数 


字符 个 教 为 5 


图 5.3 webform2. html 网 页 的 执行 过 程 


注意 : 在 图 5. 3 的 两 次 浏览 界面 中 右 击 , 在 出 现 的 快捷 菜单 中 选择 “查看 源 ” 命 令 ,显示 的 
HTML 文档 是 相同 的 ,说 明 JavaScript 脚本 代码 是 在 客户 端 执行 的 。 
有 关 事 件 处 理 方法 的 内 容 在 后 面 详细 介绍 。 


5.2 JavaScript 的 数据 类 型 和 运算 符 


知识 梳理 
变量 的 定义 方式 
JavaScript 的 基本 数据 类 型 
JavaSeript 的 其 他 数据 类 型 
值 变量 和 引用 变量 
JavaScript 的 运算 符 
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5.2.1 变量 的 定义 方式 


变量 是 指 程序 执行 中 值 可 以 发 生 改 变 的 量 , 是 程序 设计 语言 必 不 可 缺 的 部 分 。 因 为 
JavaScript 程序 是 被 浏览 器 顺序 解释 执行 的 ,所 以 变量 必须 先 定义 才能 使 用 ,定义 的 位 置 必须 
在 使 用 变量 的 语句 的 前 面 。 

JavaScript 中 定义 变量 的 基本 格式 如 下 : 

var 变量 名 = 值 ; // 定 义 变量 : 赋 初 值 

变量 名 = 值 // 定 义 变量 : 赋 初 值 

其 中 ,var 是 JavaScript 中 用 于 定义 变量 的 关键 字 , 也 可 以 忽略 该 关键 字 。 用 var 关键 字 
定义 变量 时 可 以 不 赋 初 值 。 例 如 


var 变量 名 ; // 声 明定 义 : 不 赋 初 值 


对 于 没有 赋 初 值 的 变量 ,JavaScript 认为 是 未 定义 的 。 只 有 在 赋值 后 才能 有 意义 。 

在 JavaScript 中 定义 任何 变量 都 不 需要 显 式 为 其 指定 数据 类 型 ,系统 会 根据 变量 的 值 类 
型 来 确定 其 数据 类 型 ,所 以 JavaSript 是 弱 类 型 的 计算 机 语言 。 例 如 

var n= 10; 

var s= "China"; 

变量 n 的 值 为 10, 系 统 会 确定 其 数据 类 型 为 数值 类 型 ; s 的 值 为 "China" ,系统 会 确定 其 
数据 类 型 为 字符 串 类 型 。 

实际 上 ,一 个 变量 可 以 赋值 为 不 同 数据 类 型 的 数据 。 例 如 ， 

varn = 10; 

n = "China"; 

在 后 面 使 用 变量 n 时 , 它 属于 字符 串 类 型 。 

JavaScript 变量 均 为 对 象 , 当 定 义 一 个 变量 时 ,就 创建 了 一 个 新 的 对 象 。 

变量 的 命名 规则 是 : 只 能 以 字母 或 *$ "或 * "开头 ,后 跟 若 干 个 字母 数字 或 “ $ "或 “_”。 
JavaSript 变量 名 是 区 分 大 小 写 的 ,如 Name 和 name 是 两 个 不 同 的 变量 。 

说 明 : JavaScript 语句 的 句 尾 分 号 是 非 强 制 要 求 的 , 即 句 尾 可 以 加 分 号 ,也 可 以 不 加 分 号 ， 
但 为 了 清楚 ,通常 句 尾 加 上 分 号 。 
5.2.2 JavaScript 的 基本 数据 类 型 

尽管 在 声明 变量 时 不 需要 指定 数据 类 型 ,JavaScript 的 基本 数据 类 型 包括 字符 串 型 .布尔 
型 和 数值 型 。 

1. 字符 串 类 型 

字符 串 是 存储 字符 (如 "China") 的 变量 。 字 符 串 可 以 是 引号 中 的 任意 文本 。 可 以 使 用 单 
引号 或 双 引 号 。 例 如 : 


Var mystr = "Good Bye"; 
Var mystr = 'Good Bye'; 


2. 布尔 类 型 
布尔 (逻辑 ) 只 能 有 两 个 值 : true 或 false。 例 如 : 
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Var x= true; 
var y= false; 


布尔 类 型 常用 在 条 件 测试 中 。 

3. 数值 类 型 

JavaScript 只 有 一 种 数值 类 型 ,不 像 其 他 编程 语言 那样 区 分 整 型 和 浮 点 型 。 数 字 可 以 带 
小 数 点 ,也 可 以 不 带 。 

十 进 制 整数 可 以 采用 普通 记 法 和 科学 记 数 法 。 例 如 : 


var n= 12; 
Var m= 3e7; 


十 六 进 制 以 0x 或 0X 开头 后 面 跟 0~~F 的 十 六 进 制 数 字 , 没 有 指数 和 小 数 部 分 。 例 如 : 
Var x = OxAF3E; 

八进制 以 0 开头 后 面 跟 0 一 7 的 八进制 数字 ,没有 指数 和 小 数 部 分 。 例 如 : 

var y= 037; 


【 练 一 练 】 在 CH5 网 站 中 添加 一 个 webform3. html 网 页 ,其 功能 是 说 明 JavaScript 的 基 
本 数据 类 型 的 应 用 方法 。 
其 设计 步骤 如 下 : 
Q@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 
间 列 表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform3. html, 单 击 “ 添 加 ”按钮 。 
@ 进入 源 视图 ,设计 其 HTML 代码 如 下 : 
<!DOCTYPE html > 
< html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
<meta http - equiv= "Content - Type" content = "text/html; charset = utf — 8"/> 
<title></title> 
< script language = " javascript" type = "text/ javascript"> 
var a = "我 的 数据 "; 


varb = false; varc = 100; 
vard = 0x15; vare = 015; 
varf = 0.1e-2; var mystr = "a=" + a + "\n"i 


mystr += "b=" + b+"\n"; mystr += "c=" + c+ "\n"; 
mystr += "d=" + d+"\n"; mystr += "e=" + e+ "\n"; 


mystr += "f=" + 下 来 自 网 页 的 消息 
alert(mystr); 
</script > -我 的 数据 
</head> b=false 
<body> 2 
</body> | 
</html > A 
@ 执行 该 网 页 ,弹出 的 alert 警告 对 话 框 如 图 5. 4 所 示 。 从 中 看 
到 ,过 script 王 和 三 /script 之 标记 内 的 JavaScript 脚本 代码 是 按照 代 二 
码 顺 序 执行 的 。 图 5.4 执行 网 页 弹出 的 


说 明 : 调用 alert() 方 法 会 创建 一 个 警告 框 ,用 于 将 浏览 器 或 文档 alert 警告 对 话 框 
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的 警告 信息 传递 给 客户 。 其 参数 可 以 是 变量 、 字 符 串 或 表达 式 , 警 告 框 无 返回 值 。alert() 方 法 
的 基本 语法 格式 为 alert(" 提 示 信 息 ")。 


5.2.3 JavaScript 的 其 他 数据 类 型 
JavaScript 的 其 他 数据 类 型 有 内 置 对 象 .数组 .undefined 和 null。 


1. JavaScript 内 置 对 象 


在 面向 对 象 的 设计 模式 中 ,将 数据 和 处 理 方法 捆绑 在 一 起 形成 一 个 整体 , 称 为 对 象 。 换 名 
话说 ,对 象 封装 了 数据 和 操作 数据 的 方法 ,要 使 用 其 中 的 数据 或 方法 必须 先 创建 该 对 象 。 可 以 
使 用 new 运算 符 来 调用 对 象 的 构造 函数 ,从 而 创建 一 个 对 象 。 其 基本 格式 如 下 : 


var obj = new Object(); 


其 中 ,obj 为 变量 名 , 它 指向 创建 的 Object 对 象 。 要 访问 已 经 创建 对 象 的 属性 或 方法 ,可 
以 使 用 *. "运算 符 , 其 基本 格式 如 下 : 


obj. 方 法 名 (参数 列表 ) 
JavaScript 常用 的 内 置 对 象 如 表 5. 1 所 示 。 
表 5.1 JavaScript 常用 的 内 置 对 象 


对 象 说 有明 

Object 所 有 对 象 的 基 对 象 

Array 数组 对 象 ,封装 了 数组 的 操作 和 属性 

argument 参数 对 象 , 正 在 调用 的 函数 的 参数 对 象 

Boolean 布尔 对 象 , 提 供 和 布尔 类 型 等 价 的 功能 

Date 日 期 对 象 , 提 供 了 日 期 操作 和 属性 的 对 象 

Error 错误 对 象 ,保存 错误 信息 

Function 函数 对 象 ,用 于 创建 函数 

Global 全 局 对 象 ,提供 了 全 局 对 象 函数 和 全 局 常量 的 对 象 
Math 数学 对 象 , 提 供 了 数学 函数 和 常量 的 对 象 
Number 数字 对 象 , 代 表 数 值 类 型 和 提供 数值 常量 的 对 象 
String 字符 串 对 象 , 提 供 了 字符 串 操作 和 属性 的 对 象 


说 明 : NaN( 或 Number. NaN) 是 代表 非 数 字 值 的 特殊 值 , 可 以 把 Number 对 象 设置 为 该 
值 , 来 指示 其 不 是 数字 值 。 当 方法 parselInt() 和 parseFloat() 不 能 解析 指定 的 字符 串 时 ,就 返 
回 这 个 值 。NaN 与 其 他 数值 进行 比较 的 结果 总 是 不 相等 的 ,包括 它 自身 在 内 。 因 此 ,不 能 与 
Number. NaN 比较 来 检测 一 个 值 是 不 是 数字 ,而 只 能 调用 isNaN() 方 法 来 比较 。 例 如 ,以 下 
代码 在 警告 框 中 显示 NaN 。 

var Month = 30; 

证 (Month<1 || Month > 12) 

Month = Number. NaN; 

alert(Month); 

(1) Global 对 象 

全 局 对 象 是 预定 义 的 对 象 ,作为 JavaScript 的 全 局 函数 和 全 局 属性 的 占 位 符 , 包 括 一 些 全 
局 函数 和 全 局 属性 。 通 过 使 用 全 局 对 象 . 可 以 访问 所 有 其 他 所 有 预定 义 的 对 象 、 函 数 和 属性 。 
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全 局 对 象 不 是 任何 对 象 的 属性 ,所 以 它 没有 名 称 。 


例如 ,如 下 两 个 类 型 转换 方法 就 是 JavaScript 全 局 函数 : 
。 parseInt(CString) : 将 字符 串 转换 为 整 型 数值 ,如 parseInt("125") 将 字符 串 "125" 转 换 


为 整 型 值 125。 


。 parseFloat(String) : 将 字符 串 转换 为 浮 点 型 数字 ,如 parseInt("3. 141 59") 将 字符 串 


"3. 141 59" 转 换 为 浮 点 值 3. 141 59。 


说 明 : 全 局 对 象 只 是 一 个 对 象 , 而 不 是 类 。 了 既 没 有 构造 函数 ,也 无 法 实例 化 一 个 新 的 全 局 


对 象 。 
(2) Date 对 象 


Date 对 象 用 于 处 理 日 期 和 时 间 。 一 个 Date 对 象 存 储 的 日 期 为 自 1970 年 1 月 1 日 
00:00:00 以 来 的 毫秒 数 。 创 建 Date 对 象 的 主要 格式 如 下 : 


var 日 期 对 象 = new Date(); 

var 日 期 对 象 = new Date( 毫 秒 数 ) ; 

var 日 期 对 象 = new Date (字符 串 ); 

var 日 期 对 象 = new Date (年 月 .日 等 参数 ); 
例如 : 


var mydate= new Date("July 29, 2007,10:30:00"); 
var mydate= new Date(3580); 


Date 对 象 的 常用 方法 如 表 5. 2 所 示 。 


表 5.2 Date 对 象 的 常用 方法 


方法 说 有明 
Date() 返回 当日 的 日 期 和 时 间 
getDate() 从 Date 对 象 返回 一 个 月 中 的 某 一 天 (1 一 31) 
getDay() 从 Date 对 象 返回 一 周 中 的 某 一 天 (0 一 6) 
getMonth() 从 Date 对 象 返回 月 份 (0 一 11) 
getFullYear() 从 Date 对 象 以 四 位 数字 返回 年 份 
getHours() 返回 Date 对 象 的 小 时 (0 一 23) 
getMinutes() 返回 Date 对 象 的 分 钟 (0 一 59) 
getSeconds() 返回 Date 对 象 的 秒 数 (0 一 59) 
getMilliseconds() 返回 Date 对 象 的 毫秒 (0 一 999) 
getTime() 返回 1970 年 1 月 1 日 至 今 的 毫秒 数 
parse() 返回 1970 年 1 月 1 日 午夜 到 指定 日 期 (字符 串 ) 的 毫秒 数 
setDate() 设置 Date 对 象 中 月 的 某 一 天 (1 一 31) 
setMonth() 设置 Date 对 象 中 月 份 (0 一 11) 
setFullYear() 设置 Date 对 象 中 的 年 份 (4 位 数字 ) 


setHours() 
setMinutes() 
setSeconds() 
setMilliseconds() 
setTime() 
toString() 
toTimeString() 
toDateString() 


设置 Date 对 象 中 的 小 时 (0 一 23) 

设置 Date 对 象 中 的 分 钟 (0 一 59) 

设置 Date 对 象 中 的 秒 钟 (0 一 59) 

设置 Date 对 象 中 的 毫秒 (0 一 999) 

以 毫秒 设置 Date 对 象 

把 Date 对 象 转换 为 字符 串 

把 Date 对 象 的 时 间 部 分 转换 为 字符 串 
把 Date 对 象 的 日 期 部 分 转换 为 字符 串 
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【 练 一 练 】 在 CH5 网 站 中 添加 一 个 webform4. html 网 页 ,其 功能 是 使 用 Date 对 象 在 网 


页 上 显示 一 个 钟表 。 
其 设计 步骤 如 下 : 


@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 


间 列 表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform4. html, 单 击 “ 添 加 ”按钮 。 
@ 进入 源 视图 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
< html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf - 8"/> 
<title></title> 
< script language = " javascript"> 
function disptime() { 
var time = new Date(); // 获 得 当前 时 间 
var hour = time.getHours(); // 获 得 小 时 、 分 钟 秒 
var minute = time.getMinutes(); 
var second = time.getSeconds(); 
document. form1. myclock.value = hour + ":" + minute + ":" + second + " "; 
var myTime = setTimeout("disptime()", 1000); 
} 
</script > 
</head> 
<body onLoad = "disptime( )"> 
< form name = "forml"> 
< h4 > 当前 时 间 : < input name = "myclock" type= "text" value="" size= "10" ></h4> 
</form> 
</body > 
</html > 


其 中 ,setTimeout() 是 属于 浏览 器 对 象 window 的 方法 ,这 里 略 去 window 对 象 名 称 。 


用 来 设 定时 间 为 1 秒 ,时 间 到 了 ,就 会 执行 一 个 指定 的 disptime( ) 方 法 。 
@ 执行 该 网 页 ,在 加 载 网 页 时 执行 disptime 函数 ， 


显示 当前 计算 机 时 钟 时 间 如 图 5. 5 所 示 , 每 隔 一 秒 网 页 OS ra 
会 自动 刷新 当前 的 时 间 。 感 localhost x 


(3) String 对 象 当前 时 间 。 Fa314 
String 对 象 用 于 处 理 文本 (字符 串 )。String 类 定义 


了 大 量 操作 字符 串 的 方法 ,如 从 字符 串 中 提取 字符 或 子 


叶 


串 或 检索 字符 或 子 串 。 图 5.5 webform4. html 网 页 的 执行 界面 


创建 String 对 象 的 两 种 格式 如 下 : 


var s = "abc"; 
var mystr = String(s); 
var mystrl = new String(s); 


其 中 参数 s 是 要 存储 在 String 对 象 中 或 转换 成 原始 字符 串 的 值 。 当 String() 和 运算 符 
new 一 起 作为 构造 函数 使 用 时 , 它 返 回 一 个 新 创建 的 String 对 象 ,存放 的 是 字符 串 s 或 s 的 字 
符 串 表示 。 当 不 用 new 运算 符 调用 String() 时 , 它 只 把 s 转换 成 原始 的 字符 串 ,并 返回 转换 后 


的 值 。 
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String 对 象 常 用 属性 是 length, 它 返回 字符 串 的 长 度 。String 对 象 常用 方法 如 表 5. 3 
所 示 。 


表 5.3 String 对 象 的 常用 方法 


方法 说 有明 
concat() 连接 字符 串 
indexOf() 检索 字符 串 
match() 找到 一 个 或 多 个 正则 表达 式 的 匹配 
replace() 蔡 换 与 正则 表达 式 匹 配 的 子 串 
search() 检索 与 正则 表达 式 相 匹配 的 值 
slice() 提取 字符 串 的 片断 ,并 在 新 的 字符 串 中 返回 被 提取 的 部 分 
split() 把 字符 串 分 割 为 字符 串 数 组 
substr() 从 起 始 索引 号 提取 字符 串 中 指定 数目 的 字符 
substring() 提取 字符 串 中 两 个 指定 的 索引 号 之 间 的 字符 
toLowerCase() 把 字符 串 转换 为 小 写 
toUpperCase() 把 字符 串 转 换 为 大 写 


注意 ; JavaScript 的 字符 串 是 不 可 变 的 ,String 类 定义 的 方法 都 不 能 改变 字符 串 的 内 容 。 
像 String. toUpperCase() 这 样 的 方法 ,返回 的 是 全 新 的 字符 串 , 而 不 是 修改 原始 字符 串 。 

(4) Math 对 象 

Math 对 象 用 于 执行 数学 任务 。Math 对 象 能 够 进行 比 基 本 数学 运算 更 为 复杂 的 运算 。 
Math 对 象 不 需要 生成 对 象 的 实例 ,可 以 直接 访问 它 的 属性 和 方法 。Math 对 象 常用 方法 如 
表 5.4 所 示 。 


表 5.4 Math 对 象 的 常用 方法 


方 ”法 说 明 

abs(x) 返回 数 的 绝对 值 

acos(x) 返回 数 的 反 余弦 值 

asin(x) 返回 数 的 反正 弦 值 

atan(x) 以 介 于 一 PI/2 与 P1/2 弧度 之 间 的 数值 来 返回 x 的 反正 切 值 
atan2(y, x) 返回 从 x 轴 到 点 (x,y) 的 角度 ( 介 于 一 PI1/2 与 PI/2 弧度 之 间 ) 
ceil(x) 对 数 进 行 上 舍 人 

cos(x) 返回 数 的 余弦 

exp(x) 返回 e 的 指数 

floor(x) 对 数 进行 下 舍 入 

log(x) 返回 数 的 自然 对 数 ( 底 为 e) 

max(x,y) 返回 x 和 y 中 的 最 高 值 

min(x,y) 返回 x 和 y 中 的 最 低 值 

pow(x,y) 返回 x 的 y 次 寡 

random() 返回 0 一 1 之 间 的 随机 数 

round(x) 把 数 四 舍 五 人 为 最 接近 的 整数 

sin(x) 返回 数 的 正弦 

sqrt(x) 返回 数 的 平方 根 


tan(x) 返回 角 的 正切 
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注意 : Math 对 象 并 不 像 Date 和 String 那样 是 对 象 的 类 ,因此 没有 构造 函数 Math(), 像 
Math. sin() 这 样 的 函数 只 是 函数 ,不 是 某 个 对 象 的 方法 ,无 须 创 建 它 , 通 过 把 Math 作为 对 象 
使 用 就 可 以 调用 其 所 有 属性 和 方法 。 

例如 ,使 用 Math 的 属性 和 方法 的 格式 如 下 : 


var pi_value = Math. PI; 
var sqrt_value = Math. sqrt(15); 


2. 数组 


数组 是 对 象 的 序列 ,一 个 数组 中 可 以 存放 不 同 数据 类 型 的 对 象 。 其 创建 与 初始 化 的 示例 
如 下 : 


var MyArray = new Array() 

var MyArray = new Array(4) 

var MyArray = new Array(argl,arg2,arg3.… ,argN) 
var MyArray = [argl,arg2,arg3.… ,argN] 


第 1 个 语句 定义 一 个 空 数组 ,没有 任何 数组 元 素 。 可 以 用 Array 对 象 的 push 方法 添加 
元 素 。 

第 2 个 语句 定义 一 个 长 度 为 4 的 空 数组 , 含 4 个 数组 元 素 。 

第 3 个 语句 定义 一 个 长 度 为 N、 并 用 参数 直接 初始 化 数组 元 素 。 该 方法 在 实际 应 用 中 最 
为 广泛 。 

第 4 个 语句 定义 一 个 长 度 为 N、 并 用 参数 直接 初始 化 数组 元 素 。 它 不 调用 构造 函数 ,直接 
将 元 素 放 在 “[J” 中 即 可 。 

数组 下 标 是 基于 零 的 ,所 以 第 一 个 元 素 是 [0] ,第 2 个 元 素 是 L1] ,以 此 类 推 。 

数组 常用 的 属性 是 length, 它 返回 数组 中 元 素 的 个 数 。 数 组 常用 的 方法 如 表 5.5 所 示 。 


表 5.5 数组 的 常用 方法 


方 ”法 说 明 
concat() 连接 两 个 或 更 多 的 数组 ,并 返回 结果 
join() 把 数组 的 所 有 元 素 放 人 一 个 字符 串 。 元 素 通过 指定 的 分 隔 符 进行 分 隔 
pop() 删除 并 返回 数组 的 最 后 一 个 元 素 
push() 向 数组 的 末尾 添加 一 个 或 更 多 元 素 , 并 返回 新 的 长 度 
reverse() 颠倒 数组 中 元 素 的 顺序 
shift() 删除 并 返回 数组 的 第 一 个 元 素 
slice() 从 某 个 已 有 的 数组 返回 选 定 的 元 素 
sort() 对 数组 的 元 素 进行 排序 
splice() 删除 元 素 ,并 向 数组 添加 新 元 素 
toString() 把 数组 转换 为 字符 串 ,并 返回 结果 
unshift() 向 数组 的 开头 添加 一 个 或 更 多 元 素 , 并 返回 新 的 长 度 


例如 ,执行 如 下 函数 时 在 Textl 文本 框 中 显示 5: 


function arrlength( ) 

{ vara = new Array(3); 
a.push(1); 
a. push("abc"); 
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document. getElementById("Text1").value = a.length; 

} 

上 述 函 数 中 先 创 建 了 一 个 含有 3 个 空 元 素 的 数组 a, 然 后 用 push 方法 添加 了 2 个 元 素 
(分 别 为 整数 和 字符 串 ) ,所 以 该 数组 的 长 度 为 5。 

注意 : 不 同 于 C/C++ 和 CC 中 的 数组 ,JavaScript 中 的 数组 可 以 存放 不 同 数据 类 型 的 
元 素 。 

3. undefined 和 null 

undefined 这 个 值 表示 变量 不 含 值 , 连 空 都 没有 , 它 通常 用 来 判断 一 个 变量 是 否 已 经 定义 
或 已 经 赋值 。 例 如 : 


var s; 
alert(s); 


上 述 语句 执行 的 结果 如 图 5. 6 所 示 。 

每 一 种 JavaScript 数据 类 型 都 有 自己 的 内 容 , 而 编程 中 却 
需要 一 种 类 型 来 表示 “什么 都 没有 ”null 类 型 就 是 为 此 目的 而 
产生 的 ,其 表示 一 个 空 值 ,可 以 通过 将 变量 的 值 设置 为 null 来 清 
空 变量 。 例 如 ,如 下 语句 将 myobj 对 象 清空 : 


myobj = null; 图 5.6 显示 undefined 的 变量 


s.2.4 值 变量 和 引用 变量 


JavaScript 中 ,如 果 将 一 个 基本 数据 类 型 的 值 赋 给 一 个 变量 ,变量 中 存放 的 是 值 , 称 为 值 
变量 ; 如 果 将 一 个 对 象 赋 给 一 个 变量 ,变量 中 存放 的 是 该 对 象 的 引用 , 称 为 引用 变量 。 

与 基本 数据 类 型 字符 串 ,数值 ,布尔 类 型 相对 应 的 是 String 对 象 .Number 对 象 ,Boolean 对 象 。 

值 变量 和 引用 变量 之 间 的 赋值 是 有 差异 的 。 例 如 : 


var a=1; 

var b=a; 

b++; 

alert(a); // 警 告 框 显 示 a 的 值 为 1 
alert(b); // 警 告 框 显示 a 的 值 为 2 


上 述 程序 先 定义 了 变量 a 并 赋值 为 1 ,然后 定义 变量 b, 赋 值 为 a. 那 么 此 时 b 值 为 1。 下 
一 步 让 变量 b 自 增 1。 由 于 a、b 都 是 值 变 量 , 各 自 存放 自己 的 值 ,所 以 b 值 改 变 不 会 影响 a。 
青 看 一 个 引用 变量 的 例子 : 


var a= [1,2]; 


var b=a; 

b. push(3); 

alert(a); // 警 告 框 显 示 a 的 值 为 1,2,3 
alert(b); // 警 告 框 显示 b 的 值 为 1,2,3 


上 述 程序 先 定义 变量 a 并 赋值 数组 ,然后 定义 变量 b, 并 赋值 为 a, 那么 此 时 b 数组 值 为 
[1,2]。 操 作 b 添加 新 元 素 3, 那 么 b 就 为 [1,2,3] ,按照 常理 来 说 a 应 该 不 变 , 而 结果 是 a 也 等 
于 [1,2,3]。 这 是 因为 a、b 是 引用 变量 ,执行 b=a 时 让 它们 都 指向 同一 数组 空间 。 那 么 如 何 
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让 ab 各 自 指向 自己 的 数组 空间 呢 ? 采用 的 方法 如 下 : 


vara = [1, 2]; 

var b=[]; 

for (var i ina) { 
b.push(a[i]); 

} 


b. push(3); 
alert(a); // 警 告 框 显示 a 的 值 为 1,2 
alert(b); // 警 告 框 显示 b 的 值 为 1,2,3 


5.2.5 JavaScript 的 运算 符 

JavaScript 运算 符 分 为 算术 运算 符 、 赋 值 运算 符 、 比 较 运算 符 、 人 逻辑 运算 符 和 条 件 运算 符 
几 种 类 型 。 

1. JavaScript 算术 运算 符 


JavaScript 算术 运算 符 用 于 执行 变量 与 值 之 间 的 算术 运算 。 表 5. 6( 给 定 a 二 5) 列 出 了 
JavaScript 算术 运算 符 及 其 例子 。 


表 5.6 JavaScript 算术 运算 符 


运 算 符 说 明 例 子 结 果 
十 加 a 一 b 十 2 a 一 7 
= 减 a 一 b 一 2 a 一 3 
x 乘 a 一 bx 2 a 一 10 
除 a 一 b/2 a 一 2.5 
% 求 余 数 ( 保 留 整数 ) a 一 b%2 a 一 1 
十 十 累加 a 一 十 十 b a=6 
Se 递减 a 一 一 一 b a 一 4 


注意 : 当 十 运算 符 用 于 字符 串 时 ,其 功能 是 把 文本 值 或 字符 串 变 量 加 起 来 (连接 起 来 ) 。 
如 果 把 数字 与 字符 串 相 加 ,结果 将 成 为 字符 串 。 
2. JavaScript 赋值 运算 符 
JavaScript 赋值 运算 符 用 于 给 变量 赋值 。 表 5. 7( 给 定 a=10 和 b=5) 列 出 了 JavaScript 
赋值 运算 符 及 其 例子 。 
表 5.7 JavaScript 赋值 运算 符 


运 算 符 说 明 例 地 结 果 
一 a 一 b n=b a=5 
十 一 a 十 一 b a 一 a 十 b a 一 15 
= el a 一 a 一 b a 一 5 
we ax 一 b a 一 axhb a 一 50 
了 a/=b a=a/b a=2 
%= a%=b a=a%b a 一 0 


3. JavaSeript 比较 运算 符 
JavaScript 比较 运算 符 用 于 测试 true 或 false。 对 于 数值 型 数据 , 值 不 为 0 时 表示 true, 否 
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则 为 false; 对 于 字符 型 数据 , 值 不 为 空 时 表示 true, 否 则 为 false。 
比较 运算 符 在 逻辑 语句 中 使 用 ,以 测定 变量 或 值 是 否 相 等 。 表 5. 8( 给 定 a 一 5) 列 出 了 
JavaScript 比较 运算 符 及 其 例子 。 
表 5.8 JavaScript 比较 运算 符 


运 算 符 说 明 例 子 
一 一 等 于 a 一 一 8 为 false 
一 一 一 全 等 ( 值 和 类 型 ) a 一 一 一 5 为 true; a 一 一 一 "5" 为 false 
! 一 不 等 于 al 一 8 为 true 
> 大 于 a 二 8 为 false 
小 于 a 二 8 为 true 
>= 大 于 或 等 于 a 二 8 为 false 
<= 小 于 或 等 于 a 二 二 8 为 true 


4. JavaScript 逻辑 运算 符 
JavaScript 人 逻辑 运算 符 也 是 用 于 测试 true 或 false。 逻 辑 运算 符 用 于 测定 变量 或 值 之 间 的 
罗 辑 。 表 5. 9( 给 定 a 二 6,b 二 3) 列 出 了 JavaScript 逻辑 运算 符 及 其 例子 。 
表 5.9 JavaScript 逻辑 运算 符 


运 算 符 说 明 例 ~ 
&& 逻辑 与 (a <10 && b> 1) 为 true 
I 逻辑 或 (a==5 || b==5) 为 false 
! 逻辑 非 1(a 王 一 b) 为 true 


5. JavaScript 条 件 运算 符 

JavaScript 还 包含 了 基于 某 些 条 件 对 变量 进行 赋值 的 条 件 运 算 符 。 其 基本 格式 如 下 : 
变量 名 = (条 件 表达 式 )? 值 1: 值 2; 

当 “ 条 件 表达 式 ” 值 为 true, 返 回 值 1; 否则 返回 值 2。 例 如 : 


var a= 80; 


var p= (a> 60)?" 及 格 ":" 不 及 格 "; 
上 述 语句 执行 后 ,b 的 值 为 “及 格 ”。 


5.3 JavaScript 的 控制 语句 


选择 条 件 语句 
JavaScript 的 控制 语句 
循环 控制 语句 


知识 梳理 
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5.3.1 选择 条 件 语句 


JavaScript 的 选择 条 件 语句 有 [和 switch 两 种 。 

1. 让 语句 

(1) 基本 寺 语 句 

此 种 格式 的 语法 格式 如 下 : 

if (条 件 ) 

{ 语句 1; } 

[ else 

{ 语句 2; } ] 

执行 过 程 是 : 当 条 件 为 真 时 ,执行 语句 1; 如 果 存 在 else 部 分 , 当 条 件 为 假 时 , 则 执行 语句 2。 

【 练 一 练 】 在 CH5 网 站 中 添加 一 个 webform5. html 网 页 ,其 功能 是 求 用 户 输入 的 3 个 
整数 中 的 最 大 值 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 
间 列 表 中 选择 "HTML 页 ”, 将 文件 名 称 改 为 webform5. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 源 视 图 ,设计 其 HTML 代码 如 下 : 

<!DOCTYPE html > 

<html xmlns = "http://www. w3.org/1999/xhtml1"> 

<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf ~ 8"/> 


<title></title> 
< script language = " javascript" type = "text/javascript"> 


function max3() 

{ vara = parseInt(document.getElementById("Text1").value); 
var b = parselInt(document.getElementById("Text2").value); 
var c = parseInt(document. getElementById("Text3").value); 


var maxv = a; 
if (a<b) maxv = b; 
if (maxv <c) maxv = ci 
document.getElementById("Text4" ).value = "最 大 值 :”+ maxv. toString(); 
} 
</script > 
< style type = "text/css"> 
#Buttonl { 
color: #FF0000; font— size: medium; 
font - weight: 700; font - family: 黑体 ; } 
</style> 
</head> 
<body> 
<div style= "color: #0000FF;font — size:medium; font - weight:700;font - family: 楷 体 "> 
整数 1:< input id = "Text1" type = "text" style = "width:30px" /> &nbsp; 
整数 2:< input id = "Text2" type = "text" style = "width:30px" /> &nbsp; 
整数 3:< input id = "Text3"”type = "text" style= "width:30px" /> 
</div> 
<div> 
<br /> 
< input id= "Button1” type = "button" value = " 求 最 大 值 " onclick = "max3()" /></div> 
<div> 
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<br />< input id= "Text4" type= "text" /></div> 
</body> 
</html > 


@ 执行 该 网 页 ,输入 3 个 整数 , 单 击 “ 求 最 大 值 ” 


命令 按钮 ,其 结果 如 图 5.7 所 示 。 OB 
(2) 多 重 【语句 缚 localhost 


此 种 格式 的 语法 格式 如 下 : 整数 1:|78 | 整数 2:[89 | 整数 3:|81 
证 (条件 1) 于 时 大 提 

{ 语句 1; } 最 大 值 89 

else if (条 件 2) 

{ 语句 2; } 


图 5.7 webform5. html 网 页 的 执行 界面 
else if (条 件 n) 

{ 语句 n; } 

else 

{ ”语句 n+1;} 

执行 过 程 是 : 当 条 件 1 为 真 时 ,执行 语句 1; 否则 当 条 件 2 为 真 ,执行 语句 2; 以 此 类 推 。 
当 所 有 条 件 都 为 假 , 则 执行 语句 n 十 1。 

(3) 嵌 套 开 语 句 

放 请 句 可 以 嵌 套 。 例 如 : 


if (条 件 1) 
{ ”语句 1; 
证 (条 件 2) 
{ 语句 2; } 
} 
else 
{ ”语句 3; 
if (条 件 3) 
{ ”语句 4; } 


} 


2. switch 语句 


像 Java、.C/C++ 等 语言 中 都 有 switch 语句 。 使 用 switch 语句 比 使 用 计 请 句 更 加 方便 和 清 
switch 语句 的 一 般 格式 如 下 : 


switch (表达 式 ) 
{ 
case 值 1: 语句 1; 
break; 
case 值 2: 语句 2; 
break; 


case 值 n: 语句 nn; 
break; 
default: 语句 n+1; 
} 


每 个 情况 (case) 都 是 表示 “如 果 表 达 式 等 于 值 i, 就 执行 相应 的 语句 i。 关键 字 break 会 使 
代码 跳出 switch 语句 。 如 果 没 有 关键 字 break ,代码 执行 就 会 继续 进入 下 一 个 case。 关 键 字 
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default 说 明了 表达 式 的 结果 不 等 于 任何 一 种 情况 时 的 操作 (事实 上 , 它 相 对 于 else 子 句 ) 。 

【 练 一 练 】 在 CH5 网 站 中 添加 一 个 webform6. html 网 页 ,其 功能 是 将 用 户 输入 的 分 数 
转换 成 等 级 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 
间 列 表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform6. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 源 视 图 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf ~ 8"/> 
<title></title> 
< script language = " javascript" type = "text/javascript"> 
function trans() { 
vara parseInt(document. getElementById("Text1" ).value); 
var b = Math.round(a/10- 0.5); // 整 除 
document. getElementById(" Text2" ) . value = b.toString(); 
Switch (b) { 
case 9: 
case 10: document. getElementById(" Text2" ) . value = " 优 "; break; 
case 8: document. getElementById("Text2" ) .value = " 良 "; break; 
case 7: document. getElementById("Text2" ) .value = "中 "; break; 
case 6: document. getElementById("Text2" ).value = "及 格 "; break; 
default: document. getElementById("Text2" ).value = "不 及 格 "; break; 


} 
} 
</script > 
< style type = "text/css"> 
#Buttonl { 
color: #FF0000; font - size: medium; 
font - weight: 700; font - family: 黑体 } 
</style> 
</head> 
<body> 

<div> 

< Span style= "color: #0000FF; font— size: medium; font— weight: 700; 

font - family: 楷体 "> 分 数 : </span> 

< input id = "Text1" type = "text" style= "width:30px" /> &nbsp; 

< input id = "Button1" type = "button" value = "转换 ”onclick = "trans()" /> 
</div> 
<div> 

<br /> 

< Span style= "color: #0000FF; font— size: medium; font— weight: 700; 

font - family: 楷体 "> 等 级 : </span> 
Ey 
bd 


< input id= "Text2" type= "text" le 
style= "width:50px" /> < I®) 碟 http://localhost6155; 记 
</div> 总 localhost 


</body> 分 数 : [85 | | 甘 换 
</html > 
@ 执行 该 网 页 ,输入 85 分 , 单 击 “ 转 换 ” 按 钮 ,其 结 
果 如 图 5. 8 所 示 。 


等 级 : [ 良 


图 5.8 webform6.html 网 页 的 执行 界面 
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5.3.2 循环 控制 语句 


JavaScript 的 循环 控制 语句 有 while .do-while ,for 和 for-in。 
1. while 语句 
while 语句 的 一 般 格式 如 下 : 


while (条 件 表达 式 ) 
{ ”语句 ; } 


执行 过 程 是 : 先 计算 * 条 件 表达 式 ” 值 , 若 为 真 ,执行 一 次 语句 ,然后 继续 这 一 过 程 ; 否则 ， 
结束 循环 ,执行 循环 后 的 语句 。 
例如 ,如 下 函数 使 用 while 循环 在 Textl 中 显示 1 十 2 十 … 十 100 之 和 。 


function comp() 
vari= 1; 
vars= 0; 
while (i<= 100) 
{ += 1 
t+ 


} 
document. getElementById("Text1").value = s.toString(); 
. 
while 语句 是 前 测试 循环 条 件 表达 式 。 这 意味 着 退出 条 件 是 在 执行 循环 内 语句 之 前 判断 
的 。 因 此 ,循环 中 的 语句 可 能 根本 不 被 执行 。 
2. do-while 语句 
do-while 语句 的 一 般 格式 如 下 : 


do 
{ 语句; } while (条 件 表达 式 ); 


执行 过 程 是 : 先 执行 一 次 语句 ,然后 计算 “条件 表 达 式 ” 值 , 若 为 真 ,继续 这 一 过 程 ; 否则 ， 
结束 循环 ,执行 循环 后 的 语句 。 
例如 ,如 下 函数 使 用 do-while 循环 在 Textl 中 显示 1 十 2 十 … 十 100 之 和 。 


function comp() 
{ vari= 1; 

vars = 0; 

do 

{ 8 + 评 

4 

} while (i <= 100); 

document. getElementById("Text1").value = s.toString(); 
} 


do-while 语句 是 后 测试 循环 , 即 退 出 条 件 在 执行 循环 内 语句 之 后 判断 的 。 这 意味 着 在 计 
算 条 件 表达 式 之 前 ,至少 会 执行 循环 中 语句 一 次 。 

3. for 语句 

for 语句 是 前 测试 循环 ,而且 在 进入 循环 之 前 ,能 够 初始 化 变量 ,并 定义 循环 后 要 执行 的 代 
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码 。for 语句 的 一 般 格式 如 下 : 


for (初始 化 表达 式 ; 条 件 表达 式 ; 后 循环 表达 式 ) 
{ ”语句 ; } 


注意 : 后 循环 表达 式 之 后 不 能 写 分 号 ,否则 无 法 运行 。 

执行 过 程 是 : 先 执 行 初始 化 语句 (整个 循环 仅 执行 一 次 ) ,然后 计算 “条 件 表达 式 ” 值 , 若 为 
真 ,执行 循环 中 的 语句 一 次 ,再 执行 后 循环 表达 式 ,继续 这 一 过 程 ; 否则 ,结束 循环 ,执行 循环 
后 的 语句 。 

例如 ,如 下 函数 使 用 for 循环 在 Textl 中 显示 1 十 2 十 … 十 100 之 和 。 


function comp() 
' vars= 0; 

for (var i = 1; i<= 100; i++) 

ty 

document. getElementById("Text1").value = s.toString(); 
} 


4. for-in 语句 
for 语句 是 严格 的 迭代 语句 ,用 于 枚 举 对 象 的 属性 。for-in 语句 的 一 般 格式 如 下 : 


for (var 迭代 变量 in 枚 举 对 象 ) 
{ 

语句 ; 
} 


其 中 ,迭代 变量 用 于 枚 举 指定 的 枚 举 对 象 的 属性 。 

【 练 一 练 】 在 CH5 网 站 中 添加 一 个 webform7. html 网 页 ,其 功能 是 将 用 户 输入 的 分 数 
转换 成 等 级 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 
间 列 表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform7. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 设计 视图 ,在 其 中 拖 忠 一 个 input(Text) 的 Textl 控件 。 

@ 进入 源 视图 ,设计 其 HTML 代码 如 下 : 


<! DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf — 8"/> 
<title></title> 
< script language = " javascript"> 
function comp() 
{ var myarr = new Array(); 
myarr. push(86); myarr. push(" xyz" ); 
myarr.push("abc" ); myarr.push(125); 
var mystr = ""; 
for (var i in myarr) 
mystr += 1 +":" + myarr[i] + " "; 
document. getElementById("Text1").value = mystr; 
} 
</script > 
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</head> 一 
< body onLoad = "comp()"> | 低 http://localhost6155: D - 上 
<p>< input id = "Textl" type = "text" /></p> 铺 localhost x 国 
</body > 
</html> [0:86 1-xyz 2:abe 3:125 
@ 执行 该 网 页 ,其 结果 如 图 5.9 所 示 。 从 中 看 到 ， = 
for-in 语句 中 ,迭代 变量 i 为 myarr 数组 的 下 标 。 图 5.9 webform7.html 网 页 的 执行 界面 


5. break 和 continue 语句 

break 和 continue 语句 对 循环 中 的 代码 执行 提供 了 更 严格 的 控制 。 它 们 的 不 同 之 处 是 ， 
break 语句 可 以 立即 退出 循环 ,阻止 再 次 反复 执行 任何 代码 。 而 continue 语句 只 是 退出 当前 
循环 ,根据 条 件 表达 式 还 允许 继续 进行 下 一 次 循环 。 


5.4 _ JavaScript 的 函数 设计 


知识 梳理 


创建 和 调用 JavaScript 函 数 


函数 的 参数 


函数 的 返回 值 | 


Cavaseript 的 函数 设计 


异常 处 理 语句 


5.4.1 创建 和 调用 JavaScript 函数 


函数 是 由 事件 驱动 的 或 者 当 它 被 调用 时 执行 可 重复 使 用 的 代码 块 。 函 数 包 括 自 定义 函数 
和 系统 函数 。 这 里 主要 介绍 自 定义 函数 ,其 创建 的 基本 格式 如 下 : 
function 函数 名 ( 形 参 1, 形 参 2, …, 形 参 n) 
{ ”语句 ; 
return 返回 值 ; 
} 


其 中 ,function 是 定义 函数 的 关键 字 ,函数 的 形 参 和 return 语句 并 不 是 必需 的 。 函 数 的 定义 必 
须 放 在 二 script 二 元 素 中 。 

注意 : 函数 的 形 参 的 声明 不 需要 关键 字 var, 但 命名 与 变量 名 命名 规则 相同 。 

在 创建 函数 后 ,调用 函数 十 分 简单 ,其 基本 格式 如 下 : 

函数 名 ( 实 参 1, 实 参 2, …, 实 参 n) 

当 调用 该 函数 时 ,会 执行 函数 内 的 代码 。 可 以 在 某 事件 发 生 时 直接 调用 函数 (如 当 用 户 点 
击 按钮 时 ) ,并 且 可 由 JavaScript 在 任何 位 置 进行 调用 。 
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提示 : JavaScript 对 大 小 写 敏感 。 关 键 词 function 是 小 写 的 ,并 且 以 与 函数 名 称 相同 的 大 


小 写 来 调用 函数 。 
5.4.2 函数 的 参数 


函数 形 参 也 是 一 种 变量 ,但 这 种 变量 只 能 被 函数 体内 的 语句 使 用 ,并 在 函数 被 调用 时 赋 
值 。 调 用 带 形 参 的 函数 时 ,可 以 向 其 传递 值 ,这 些 值 被 称 为 实 参 。 函 数 形 参 和 实 参 必须 以 一 致 
的 顺序 出 现 。 第 一 个 形 参 就 是 第 一 个 被 传递 的 实 参 的 给 定 的 值 , 依 次 类 推 。 


【 练 一 练 】 


名 ,在 一 个 文本 框 中 显示 用 户 的 输入 ,以 此 说 明 带 形 参 函数 的 使 用 方法 。 


其 设计 步骤 如 下 : 

打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 ” 
菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 间 
列表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 
webform8. html, 单 击 “ 添 加 ”按钮 。 

加 进入 设计 视图 ,设计 其 界面 如 图 5. 10 
所 示 。 

@ 进入 源 视图 ,设计 其 HTML 代码 如 下 : 

<!DOCTYPE html > 


< html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 


Textl Text2 


要 王 姓名 : 
Button1 一 一 本 
Text3 | 


4 » 


图 5.10 ”webform8. html 网 页 的 设计 界面 


<meta http - equiv = "Content - Type" content = "text/html; charset = utf ~ 8"/> 


<title></title> 
< style type = "text/css"> 
.auto— stylel { 


font - family: 楷体 ; font - weight: bold; 


font - size: medium; color: #0000FF; 


#Buttonl { 
color: #FF0000; 


} 


font - size: medium; 


font - weight: 700; font - family: 黑体 ; } 


</style> 
< script language = " javascript"> 
function dispstud(xh, xm) { 
var mystr = "学 号 : " + xh + " 


姓名 :”+ xm; 


document. getElementBYyId("Text3" ) . value = mystr; 


} 
</script > 

</head> 

<body> 


<p>< span class = "auto- stylel"> 学 号 : </span> 


< input id = "Text1" type= "text" style= 


gnbsp; 


"width:40px" /> 


< span class = "auto - stylel"> 姓 名 : </span> 
< input id = "Text2" type = "text" style= "width:50px" /> 


</p> 


<p>< input id = "Button1" type = "button" value= "确定 " 
onclick = dispstud(Text1. value, Text2. value) /></p> 


<p>< input id= "Text3" type= "text" /></p> 


</body> 


在 CH5 网 站 中 添加 一 个 webform8. html 网 页 ,其 功能 是 用 户 输入 学 号 和 姓 
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</html > 


@ 执行 该 网 页 ,输入 一 个 学 号 和 一 个 姓名 , 单 击 “ 确 | 一 一 
定 ” 按 钮 ,其 执行 结果 如 图 5. 11 所 示 。 OO ee p-o 

在 JavaScript 中 函数 调用 时 ,会 自动 创建 一 个 @ localhost "I 
arguments 对 象 。 每 个 函数 都 有 一 个 自己 的 arguments 学 号 : [101 | 姓名 : 全 吾 
对 象 ,负责 管理 它 所 在 函数 的 参数 以 及 其 他 属性 ,包括 篇 定 
获取 的 实 参 值 。 例 如 ,设计 如 下 函数 : 


学 号 : 101 姓名 : 王 华 


function Sum() 
{ varn= 0; 图 5.11 webform8. html 网 页 的 执行 界面 
for (var i = 0; i< arguments. length; i++) 
n += arguments[i]; 
document. getElementById("Text1").value = n.toString(); 
} 


调用 结果 如 下 : 

Sum(1) // 在 文本 框 Textl 中 显示 1 

Sum(1,2); // 在 文本 框 Textl 中 显示 3 

Sum(1,2,3); // 在 文本 框 Textl 中 显示 6 

Sunm(1,2,3,4); // 在 文本 框 Text1 中 显示 10 


5.4.3 函数 的 返回 值 


有 时 会 希望 函数 将 值 返 回调 用 它 的 地 方 ,通过 使 用 return 语句 就 可 以 实现 。 在 使 用 
return 语句 时 ,函数 会 停止 执行 ,并 返回 指定 的 值 。 但 整个 JavaScript 并 不 会 停止 执行 ,仅仅 
是 该 函数 ,JavaScript 将 从 调用 函数 的 地 方 继续 执行 代码 。return 语句 的 基本 格式 如 下 : 

return [表达 式 ]; 

如 果 仅 仅 希 望 退出 函数 ,可 以 使 用 不 带 表 达 式 的 return 语句 。 

说 明 : 如 果 函 数 无 明确 的 返回 值 ,或 调用 了 没有 表达 式 的 return 语句 ,那么 它 真正 返回 的 
值 是 undefined。 

函数 的 返回 值 可 以 是 值 类 型 ,也 可 以 是 引用 类 型 (对 象 )。 例 如 ,有 如 下 函数 : 


function myFunction() 
{ var x=5; 
return x; 


} 

该 函数 会 返回 值 5。 函 数 调 用 将 被 返回 值 取代 ,如 : 

var myVar = myFunction(); 

myVar 变量 的 值 是 5, 也 就 是 函数 myFunction() 所 返回 的 值 。 
5.4.4 变量 


1. 局 部 JavaSceript 变量 
在 JavaScript 函数 内 部 定义 的 变量 (使 用 var) 是 局 部 变量 ,所 以 只 能 在 函数 内 部 访问 它 。 
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可 以 在 不 同 的 函数 中 使 用 名 称 相同 的 局 部 变量 ,因为 只 有 定义 过 该 变量 的 函数 才能 识别 
出 该 变量 。 只 要 函数 运行 完毕 ,本 地 局 部 变量 就 会 被 删除 。 
2. 全 局 JavaScript 变量 


在 函数 外 定义 的 变量 是 全 局 变量 ,网 页 上 的 所 有 脚本 和 函数 都 能 访问 它 。 它 的 存在 时 间 
也 是 最 长 的 。 


3. JavaScript 变量 的 生存 期 


JavaScript 变量 的 生命 期 从 它们 被 定义 的 时 间 开 始 。 局 部 变量 会 在 函数 运行 以 后 被 删 
除 。 全 局 变量 会 在 页 面 关 闭 后 被 删除 。 


5.4.5 异常 处 理 语句 


JavaScript 代码 在 执行 过 程 中 如 果 出 现 异常 ,会 创建 一 个 异常 类 对 象 ,该 异常 类 对 象 将 被 
提交 给 浏览 器 ,这 个 过 程 称 为 抛 出 异常 。 当 浏览 器 接收 到 该 异常 类 对 象 时 ,会 寻找 能 处 理 这 一 
异常 的 代码 并 把 当前 异常 对 象 提交 给 其 处 理 。 

JavaScript 中 的 异常 可 以 用 try-catch-finally 语句 来 处 理 。 其 基本 结构 如 下 : 


try { 
// 这 段 代码 从 上 往 下 运行 ,其 中 任何 一 个 语句 抛 出 异常 该 代码 块 就 结束 运行 
} 
catch (e) { 
// 如 果 try 代码 块 中 抛 出 了 异常 ,catch 代码 块 中 的 代码 就 会 被 执行 。 
//e 是 一 个 局 部 变量 ,用 来 指向 Error 对 象 或 者 其 他 抛 出 的 对 象 
} 
finally { 
// 无 论 try 中 代码 是 否 有 异常 抛 出 (甚至 是 try 代码 块 中 有 return 语句 )， 
//finally 代码 块 中 始终 会 被 执行 。 
} 


在 try-catch-finally 语法 中 ,除了 try 子 句 以 外 catch 和 finally 子 句 都 是 可 选 的 (两 者 必 选 
其 一 ) ,也 就 是 说 try-catch-finally 语法 有 以 下 3 种 形式 : 
形式 1: 


try { 
//some code 
} 
catch(e) { 
//somecode 
} 
finally { 
//some code 
} 


形式 2: 


try { 
//some code 
} 
catch(e) { 
//somecode 
} 
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形式 3: 


try { 
//some code 
} 
finally { 
//some code 
} 


如 果 有 catch, 一 旦 try 中 代码 抛 出 异常 以 后 就 是 先 执行 catch 中 的 代码 ,然后 执行 finally 
中 的 代码 。 如 果 没 有 catch 语句 ,try 中 的 代码 抛 出 异常 后 ,就 会 先 执行 finally 中 的 语句 ,然后 
将 try 中 抛 出 的 异常 以 异常 的 方式 继续 往 上 抛 。 

不 管 try 代码 块 的 执行 时 如 何 被 终止 的 (出 现 异常 return、 自然 终止 ) ,finally 中 的 语句 始 
终 会 被 执行 , 正 是 由 于 finally 的 这 种 特性 ,通常 finally 用 来 执行 一 些 清理 工作 。 

【 练 一 练 】 在 CH5 网 站 中 添加 一 个 webform9. html 网 页 ,其 功能 是 说 明 异 常 处 理 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 
间 列 表 中 选择 "HTML 页 ”, 将 文件 名 称 改 为 webform9. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 设计 视图 ,在 网 页 中 拖 电 一 个 input(Button) 控 件 Buttonl ,并 设置 其 属性 。 

@ 进入 源 视 图 ,设计 其 HTML 代码 如 下 : 


<! DOCTYPE html > 
<html xmlns = "http://www. w3. org/1999/xhtml"> 
<head> 
<meta http - equiv = "Content - TYpe"”content = "text/html; charset = utf — 8"/> 
<title></title> 
< script language = " javascript"> 
function message() { 
try { 
adddlert(" 欢 迎 访问 !"); 
} 
catch (err) { 
var txt = "本 页 有 一 个 错误 。\n"; 
txt += "错误 描述 : ”+ err.message + "\n"; 
txt += "点击 确定 继续 。\n"; 
alert(txt); 
} 
finally { 
alert(" 执 行 finally" ); 
} 
} 
</script > 
</head> 
<body> 
<p>< input type = "button" value = "查看 消息 " onclick = "message()" 
style = "color: # FF0000;font - size:medium; font - weight:700;font - family: 黑 体 " /> 
</p> 
</body> 
</html > 


@ 执行 该 网 页 , 单 击 “ 查 看 消息 ”按钮 ,执行 try 调用 adddlert 函数 ,该 函数 不 存在 ,引发 
catch 子 句 ,执行 其 alert 语句 出 现 第 一 个 警告 框 , 单 击 “ 确 定 ” 按 钮 。 青 执行 finally 子 句 ,执行 
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其 alert 语句 出 现 第 2 个 警告 框 。 单 击 “ 确 定 ” 按 钮 返回 。 整 个 执行 过 程 如 图 5. 12 所 示 。 


Be 久 hpy/localhost5155. DP- O 
@ localhost x 加 加 


(ET 


图 5.12 webform9. html 网 页 的 执行 过 程 


5.5 事件 编程 


知识 梳理 


JavaScript 事 件 和 事件 处 理 方法 
事件 编程 
事件 处 理 方法 的 调用 方法 


5.5.1 JavaScript 事件 和 事件 处 理 方法 


事件 是 能 被 对 象 识别 的 动作 ,事件 可 以 由 用 户 操作 ,程序 代码 或 系统 行为 来 引发 。 
HTML 文档 中 的 每 个 元 素 都 是 一 个 拥有 属性 、 方 法 和 事件 的 对 象 , 称 为 文档 对 象 。 当 引发 一 
个 文档 对 象 的 某 个 事件 时 ,该 对 象 能 够 按照 某 种 方式 做 出 响应 ,但 具体 的 响应 过 程 需 要 由 用 户 
编写 脚本 代码 来 实现 ,这 种 过 程 称 为 事件 处 理 方法 。 

每 个 文档 对 象 都 拥有 一 个 预定 义 的 事件 集 。 表 5. 10 列 出 了 常见 的 JavaScript 事件 。 


表 5.10 常用 的 JavaScript 事件 


事件 分 类 事 件 名 说 明 

onclick 鼠标 点 击 时 引发 此 事件 
ondblclick 鼠标 双击 时 引发 此 事件 
onmousedown 按 下 鼠标 时 引发 此 事件 
onmouseup 鼠标 按 下 后 松 开 鼠标 时 引发 此 事件 

一 般 事 件 ‘onmouseover 当 鼠 标 移动 到 某 对 象 范围 的 上 方 时 引发 此 事件 
onmousemove 鼠标 移动 时 引发 此 事件 
onmouseonut 当 鼠 标 离开 某 对 象 范围 时 引发 此 事件 
onkeypress 当 键盘 上 的 某 个 键 被 按 下 并 且 释 放 时 引发 此 事件 
onkeydown 当 键 盘 上 某 个 按键 被 按 下 时 引发 此 事件 
onkeyup 当 键 盘 上 某 个 按键 被 按 放 开 时 引发 此 事件 
onabort 图 片 在 下 载 时 被 用 户 中 断 

页 面 事件 onbeforeunload | 当前 页 面 的 内 容 将 要 被 改变 时 引发 此 事件 
onerror 出 现 错误 时 引发 此 事件 


onload 网 页 文档 加 载 事 件 
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续 表 

事件 分 类 事 件 名 说 明 

onmove 浏览 器 的 窗口 被 移动 时 引发 此 事件 

onresize 当 浏 览 器 的 窗口 大 小 被 改变 时 引发 此 事件 
页 面 事件 onscroll 浏览 器 的 滚动 条 位 置 发 生变 化 时 引发 此 事件 

onstop 浏览 器 的 停止 按钮 被 按 下 时 引发 此 事件 或 正在 下 载 的 文件 被 中 断 

onunload 网 页 文档 印 载 事件 

onblur 当前 元 素 失去 焦点 时 引发 此 事件 

onchange 当前 元 素 失 去 焦点 并 且 元 素 的 内 容 发 生 改 变 而 引发 此 事件 
表单 事件 onfocus 当 某 个 元 素 获 得 焦点 时 引发 此 事件 

onreset 当 表 单 中 RESET 的 属性 被 激发 时 引发 此 事件 

onsubmit 一 个 表单 被 提交 时 引发 此 事件 


5.5.2 事件 处 理 方法 的 调用 方法 


在 JavaScript 中 ,可 以 通过 多 种 方式 来 调用 事件 过 程 。 下 面 介绍 常用 的 方法 。 

1. 通过 HTML 元 素 的 属性 指定 事件 处 理 方 法 

在 二 script 之 标记 中 定义 一 个 能 够 使 用 的 JavaScript 函数 ,并 通过 HTML 元 素 的 相关 属 
性 来 调用 该 过 程 ,这 些 属性 为 事件 名 称 ,其 值 为 要 调用 的 过 程 名 称 。 

前 面 的 网 页 示例 主要 采用 这 种 方法 。 

2. 在 标记 中 直接 编写 脚本 语句 

车 事件 过 程 比较 简单 , 则 在 定义 元 素 的 标记 中 直接 编写 脚本 语句 ,其 中 作为 事件 名 称 的 属 
性 的 值 包含 要 执行 的 语句 ,这 些 语句 包含 在 单 引 号 中 , 若 要 包含 多 条 语句 ,用 冒号 (:) 分 开 各 个 
语句 。 

例如 ,如 下 网 页 就 是 采用 这 种 方法 。 

<! DOCTYPE html > 

<html xmlns = "http://www.w3.org/1999/xhtml"> 


<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf - 8"/> 
<title></title> 
</head> 
<body> 
<p>< input id= "Button1" type = "button" value = " 单 击 此 处 " 
onclick = "prompt( ' 你 单 击 了 按钮 "信息 提示 ')" /></p> 
</body> 
</html > 


其 中 ,调用 prompt() 方 法 显示 可 提示 用 户 输入 的 对 话 框 。 执 行 该 网 页 , 单 击 * 单 击 此 处 ” 
按钮 ,出 现 一 个 对 话 框 ,如 图 5. 13 所 示 。 

3. 指定 特定 对 象 的 特定 事件 

该 方法 是 在 二 script 一 元 素 中 指定 特定 的 对 象 以 及 该 对 象 要 执行 的 事件 名 称 ,并 在 二 script 一 
元 素 中 编写 事件 处 理 代码 。 基 本 格式 如 下 : 


< script language = "javascript" for = "对 象 " event = "事件 "> 
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// 事 件 处 理 代 码 


</script > 


图 5.13 网 页 的 执行 过 程 


例如 ,有 如 下 网 页 代码 : 
<!DOCTYPE html > 
< html xmlns = "http://www.w3.org/1999/xhtml"> 


<head> 
< meta http - equiv = "Content - Type" content = "text/html; charset = utf - 8"/> 


<title></title> 
< script language = " javascript" for = "window" event = " onload"” > 


alert(" 欢 迎 访问 本 网 页 " ); 


</script > 
< script language = " javascript" for = "Buttonl" event = " onclick"” > 


alert(" 谢 谢 访问 本 网 页 " ); 
window. close( ); 
</script > 
</head> 
<body> 
<p>< input id= "Button1" type = "button" value = "关闭 " /></p> 
</body> 
</html > 
执行 该 网 页 时 ,首先 弹出 “欢迎 访问 本 网 页 ”的 对 话 框 ,用户 单 击 “ 确 定 ” 按 钮 后 ,再 单 击 网 
页 中 的 “关闭 ”按钮 ,弹出 “谢谢 访问 本 网 页 ”的 对 话 框 。 
4. 通过 JavaScript 代码 使 用 事件 
该 方法 是 在 JavaScript 脚本 中 直接 对 各 对 象 的 事件 及 其 所 调用 的 事件 处 理 方法 进行 设 
置 ,不 用 在 HTML 中 指定 要 执行 的 事件 处 理 方法 。 设 置 对 象 事件 及 其 事件 所 调用 的 事件 处 
理 方法 的 基本 格式 如 下 : 
对 象 .事件 = 事件 处 理 方法 ; 
例如 ,有 如 下 网 页 代码 : 
<!DOCTYPE html > 


<html xmlns = "http://www. w3.org/1999/xhtml"> 


<head> 
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<meta http - equiv = "Content - Type" content = "text/html; charset = utf — 8"/> 
<title></title> 
< style type = "text/css"> 
井 Buttonl { 
color: #FF0000; font— size: medium; 
font - weight: 700; font - family: 黑体 ; 
} 
</style> 
</head> 
<body> 
<p>< input id= "Button1" type = "button" value = "确定 " ></p> 
< script language = " javascript" > 
function fun() { 


alert(" 欢 迎 访问 本 网 页 "); 
} 
Buttonl. onclick = fun; 
</script > 
</body> 
</html > 


执行 该 网 页 时 ,用 户 单 击 “ 确 定 ” 按 钮 后 弹出 “欢迎 访问 本 网 页 ”的 对 话 框 。 

上 述 代 码 中 ,通过 Buttonl. onclick 二 fun 语句 建立 对 象 事件 与 事件 处 理 方 法 之 间 的 联 
系 。 需 要 注意 的 是 ,包含 fun 函数 的 JavaScript 脚本 代码 应 放 在 Buttonl 元 素 代 码 的 后 面 ,不 
能 像 常 规 一 样 放 在 二 head 二 元 素 中 ; 否则 ,在 执行 该 网 页 时 ,会 出 现 *JavaScript 运行 时 错误 : 
Buttonl 未 定义 ”的 错误 。 这 是 因为 在 执行 Buttonl. onclick 二 fun 语句 时 网 页 尚未 生成 
Buttonl 对 象 。 

另外 ,还 可 以 通过 过 script 二 标记 的 src 属性 链接 外 部 的 JavaScript 脚本 文件 和 通过 
JavaScript 伪 URL 地 址 引入 JavaScript 脚本 文件 ,然后 在 HTML 文档 中 调用 这 些 脚 本 文件 
中 的 事件 处 理 方法 。 


5.6 浏览 器 对 象 


知识 梳理 


浏览 器 对 象 模型 


window 对 象 


document 对 象 


CC 浏览 器 对 象 history 对 象 


location 对 象 


navigator 对 象 


Screen 对 象 
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5.6.1 浏览 器 对 象 模型 


JavaScript 语言 提供 了 若干 个 浏览 器 对 象 ,在 网 页 设计 中 可 以 通过 这 些 对 象 对 浏览 器 进 
行 设置 以 及 与 网 页 控件 进行 交互 等 。 这 些 浏 览 器 对 象 构成 的 浏览 器 对 象 模 型 (Browser 
Object Model, BOM) 。 百 度 网 页 中 浏览 器 对 象 的 分 层 结构 如 图 5. 14 所 示 。 


EN EES EE “3 
location < 


地 址 对 象 ED x 


window 


地 址 对 象 “| 


document 


文档 对 象 


form 


表单 对 象 


window.document.myform.Textl 


图 5.14 浏览 器 对 象 的 分 层 结构 


BOM 的 特点 如 下 : 

。 BOM 提供 了 独立 于 内 容 而 与 浏览 器 窗口 进行 交互 的 对 象 ; 

。 由 于 BOM 主要 用 于 管理 窗口 与 窗口 之 间 的 通信 ,因此 其 核心 对 象 是 window; 

。 BOM 由 一 系列 相关 的 对 象 构成 ,并 且 每 个 对 象 都 提供 了 很 多 方法 与 属性 ; 

。 BOM 缺乏 标准 , JavaScript 语法 的 标准 化 组 织 是 ECMA, DOM 的 标准 化 组 织 
是 W3C; 

。 BOM 最 初 是 Netscape 浏览 器 标准 的 一 部 分 。 


5.6.2 window 对 象 


浏览 器 对 象 中 最 主要 的 是 window 对 象 , 它 对 应 着 浏览 器 窗口 本 身 ,表示 浏览 器 中 打开 的 
窗口 。window 对 象 的 属性 和 方法 通常 统称 为 BOM。 

当 浏 览 器 中 同时 打开 多 个 窗口 时 ,每 个 window 对 象 代表 一 个 打开 的 浏览 器 窗口 ,这 些 
window 对 象 之 间 的 关系 可 用 以 下 名 称 表示 : 

。 window 和 self: 代表 当前 窗口 。 

。 top: 代表 主 窗口 ,是 最 项 层 的 窗口 ,是 所 有 其 他 窗口 的 父 窗口 。 

。 parent: 代表 当前 窗口 的 父 窗口 。 

。 opener: 由 open 方法 打开 的 最 新 窗口 。 

。 省 略 window 对 象 名 : 代表 当前 窗口 。 

window 对 象 常用 属性 如 表 5. 11 所 示 ,其 常用 方法 如 表 5. 12 所 示 ,其 常用 事件 如 表 5. 13 
所 示 。 
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表 5.11 window 对 象 的 常用 属性 


属 性 说 明 
closed 返回 窗口 是 否 已 被 关闭 
defaultStatus 设置 或 返回 窗口 状态 栏 中 的 默认 文本 
document 对 document 对 象 的 只 读 引用 
history 对 history 对 象 的 只 读 引用 
innerheight 返回 窗口 的 文档 显示 区 的 高 度 
innerwidth 返回 窗口 的 文档 显示 区 的 宽度 
length 设置 或 返回 窗口 中 的 框架 数量 
location 用 于 窗口 或 框架 的 location 对 象 
name 设置 或 返回 窗口 的 名 称 
navigator 代表 了 浏览 器 的 信息 
opener 返回 对 创建 此 窗口 的 窗口 的 引用 
outerheight 返回 窗口 的 外 部 高 度 
outerwidth 返回 窗口 的 外 部 宽度 
pageXOffset 设置 或 返回 当前 页 面相 对 于 窗口 显示 区 左上 角 的 X 位置 
pageYOffset 设置 或 返回 当前 页 面相 对 于 窗口 显示 区 左上 角 的 Y 位 置 


Screen 
Status 


ScreenLeft screenTop screenX screenY 


对 screen 对 象 的 只 读 引用 

设置 窗口 状态 栏 的 文本 

只 读 整 数 。 声 明了 窗口 的 左上 角 在 屏幕 上 的 X 坐标 和 Y 坐标 。 
IE、Safari 和 Opera 支持 screenLeft 和 screenTop, 而 Firefox 和 
Safari 支持 screenX 和 screenY 


表 5.12 window 对象 的 常用 方法 


方 ” 法 说 明 
alert() 显示 带 有 一 段 消 息 和 一 个 确认 按钮 的 警告 框 
blur(O) 把 键盘 焦点 从 顶层 窗口 移 开 


clearInterval() 
clearTimeout() 
close() 
confirm() 
createPopup() 
focus() 
moveBy() 
moveTo() 
open() 

print() 
prompt() 
resizeBy() 
resizeTo() 
scrollBy() 
scrollTo() 
setInterval() 


setTimeout() 


取消 由 setInterval() 设 置 的 timeout 

取消 由 setTimeout() 方 法 设置 的 timeout 

关闭 浏览 器 窗口 

显示 带 有 一 段 消息 以 及 确认 按钮 和 取消 按钮 的 对 话 框 
创建 一 个 弹出 式 窗 口 

把 键盘 焦点 给 予 一 个 窗口 

可 相对 窗口 的 当前 坐标 把 它 移动 指定 的 像素 

把 窗口 的 左上 角 移动 到 一 个 指定 的 坐标 

打开 一 个 新 的 浏览 器 窗口 或 查找 一 个 已 命名 的 窗口 
打印 当前 窗口 的 内 容 

显示 可 提示 用 户 输入 的 对 话 框 

按照 指定 的 像素 调整 窗口 的 大 小 

把 窗口 的 大 小 调整 到 指定 的 宽度 和 高 度 

按照 指定 的 像素 值 来 滚动 内 容 

把 内 容 滚动 到 指定 的 坐标 

按照 指定 的 周期 (以 毫秒 计 ) 来 调用 函数 或 计算 表达 式 
在 指定 的 毫秒 数 后 调用 函数 或 计算 表达 式 


第 5 章 JavaScript 编程 基础 135 


表 5.13 window 对 象 的 常用 事件 


事 件 名 说 明 
onload 加 载 完成 后 引发 
onunload 退出 时 引发 
onbeforeunload 退出 时 引发 ,会 发 生 在 onunload 之 前 
onhelp 显示 帮助 时 引发 
onfocus 获得 焦点 时 引发 
onblur 失去 焦点 时 引发 
onerror 错误 时 引发 
Onresize 改变 大 小 时 引发 
onscroll 滚动 时 引发 
onmove 当 对 象 移动 时 引发 


在 客户 端 JavaScript 中 ,window 对 象 是 全 局 对 象 ,所 有 的 表达 式 都 在 当前 的 环境 中 计算 。 
也 就 是 说 ,要 引用 当前 窗口 根本 不 需要 特殊 的 语法 ,可 以 把 那个 窗口 的 属性 作为 全 局 变量 来 使 
用 。 例 如 ,可 以 只 写 document ,而 不 必 写 window. document。 
同样 ,可 以 把 当前 窗口 对 象 的 方法 当 作 函 数 来 使 用 ,如 只 写 alert() ,而 不 必 写 window. alert() 。 
一 般 来 说 ,window 对 象 的 方法 都 是 对 浏览 器 窗口 或 框架 进行 某 种 操作 。 而 alert() 方 法 、 
confirm() 方 法 和 prompt 方法 则 不 同 , 它 们 通过 简单 的 对 话 框 与 用 户 进 行 交 互 。 
【 练 一 练 】 在 CH5 网 站 中 添加 一 个 webform10. html 网 页 ,其 功能 是 说 明 window 对 象 
的 使 用 方法 。 
其 设计 步骤 如 下 : 
Q@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 
间 列 表 中 选择 "HTML 页 ”, 将 文件 名 称 改 为 webform10. html, 单 击 “ 添 加 ”按钮 。 
@ 进入 设计 视图 ,在 网 页 中 拖 中 两 个 input (Button) 控 件 ,名 称 分 别 为 Buttonl 和 
Button2 ,并 设置 其 属性 。 
@ 进入 源 视 图 ,设计 其 HTML 代码 如 下 : 
<!DOCTYPE html > 
< html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
<meta http - equiv = "Content - Type”" content = "text/html; charset = utf 一 8"/> 
<title></title> 
</head> 
<body> 
<div> 
< input id= "Button1" type = "button" 
value = "放大 当前 窗口 " 
onclick = "window. resizeBy(20, 20)"/> 
<br> 
< input id = "Button2" type = "button" 
value = "缩小 当前 窗口 " 
onclick = "window.resizeBy( - 20，- 20)" /> 


PE PE 文 
的 他 名 htpi//localhost6155; DP- C 
@ localhost 加 


放大 当前 窗口 
缩小 当前 窗口 


</div> 
</body> 
</html > 
@ 执行 该 网 页 ,初始 界面 如 图 5. 15 所 示 . 单 击 * 放 -= 
大 当前 窗口 ?按钮 时 当前 窗口 以 高 度 和 宽度 均 为 20px 图 5.15 webform10.html 网 页 的 执行 界面 
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放大 。 单 击 “ 缩 小 当前 窗口 ”按钮 时 当前 窗口 以 高 度 和 宽度 均 为 20px 缩小 。 
5.6.3 ” document 对 象 

document 对 象 表示 浏览 器 窗口 中 显示 的 HTML 文档 ,也 就 是 说 ,每 个 载 人 浏览 器 的 
HTML 文档 都 会 成 为 document 对 象 。 通 过 该 对 象 可 以 从 脚本 中 访问 到 HTML 网 页 中 的 所 
有 元 素 , 例 如 图 像 对 象 .表单 对 象 等 ,从 而 实现 与 这 些 对 象 的 交互 。 此 外 ,利用 document 对 象 
的 属性 和 方法 还 可 以 控制 网 页 的 外 观 和 内 容 等 。 

1. document 对 象 的 属性 、 集 合 和 方法 

document 对 象 是 window 对 象 的 一 部 分 ,可 通过 window. document 属性 对 其 进行 访问 。 
document 对 象 的 常用 属性 如 表 5. 14 所 示 ,其 中 常用 的 body- 主 体 子 对 象 如 下 : 


*。 document. 
» document. 
» document. 
。 document. 
。 document. 
。 document. 
。 document. 
。 document. 
。 document. 
*。 document. 
» document. 
。 document. 


。 document. 


body 


body. 
body. 
body. 
body. 
body. 
body. 
body. 
body. 


: 指定 文档 主体 的 开始 和 结束 ,等 价 于 二 body 二 二 /body。 
bgColor: 设置 或 获取 对 象 的 背景 颜色 。 

link: 未 点 击 过 的 超 链接 颜色 。 

alink: 激活 超 链接 (焦点 在 此 超 链接 时 ) 的 颜色 。 

vlink: 已 点 击 过 的 超 链接 颜色 。 

text: 文本 颜色 。 

innerText: 设置 一 body 二 … 一 /body 二 之 间 的 文本 。 
innerHTML: 设置 二 body 二 … 一 /body 二 之 间 的 HTML 代码 。 
topMargin: 页 面 上 边 距 。 


body. leftMargin: 页 面 左边 距 。 
body. rightMargin: 页 面 右边 距 。 
body. bottomMargin: 页 面 下 边 距 。 
body. background: 背景 图 片 。 


表 5.14 document 对 象 的 常用 属性 


属 性 说 明 

body 提供 对 二 body 二 元 素 的 直接 访问 

cookie 设置 或 返回 与 当前 文档 有 关 的 所 有 Cookie 
domain 返回 当前 文档 的 域名 

lastModified 返回 文档 被 最 后 修改 的 日 期 和 时 间 

title 返回 当前 文档 的 标题 

URL 返回 当前 文档 的 URL 


document 对 象 的 常用 集合 如 表 5. 15 所 示 。 通 过 集合 引用 的 例子 如 下 : 


表 5.15 document 对 象 的 常用 集合 


集 合 说 明 

all[] 提供 对 文档 中 所 有 HTML 元 素 的 访问 
anchors[] 返回 对 文档 中 所 有 anchor 对 象 的 引用 
applets 返回 对 文档 中 所 有 applet 对 象 的 引用 
forms[] 返回 对 文档 中 所 有 form 对 象 引 用 
images[] 返回 对 文档 中 所 有 image 对 象 引 用 


links[] 


返回 对 文档 中 所 有 area 和 link 对 象 引 用 
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。 document. images: 对 应 页 面 上 的 img 标记 。 

。 document. images. length: 对 应 页 面 上 img 标记 的 个 数 。 

。 document. images[0]: 第 1 个 img 标记 。 

。 document. images[1i: 第 i 一 1 个 img 标记 。 

document 对 象 的 常用 方法 如 表 5. 16 所 示 。 其 中 getElementById() 方 法 可 返回 对 拥有 指 
定 id 的 第 一 个 对 象 的 引用 。 其 基本 使 用 格式 如 下 : 


document. getElementById( id) 


表 5.16 document 对 象 常用 方法 


方 法 说 明 
close() 关闭 用 document. open() 方 法 打开 的 输出 流 ,并 显示 选 定 的 数据 
getElementById() 返回 对 拥有 指定 id 的 第 一 个 对 象 的 引用 


getElementsByName() 返回 带 有 指定 名 称 (name) 的 对 象 集合 
getElementsByTagName() 返回 带 有 指定 标记 名 (type) 的 对 象 集合 


open() 打开 一 个 流 ,以 收集 来 自任 何 document. write() 或 document. writeln() 方 法 的 输出 
write() 向 文档 写 HTML 表达 式 或 JavaScript 代码 
writeln() 等 同 于 write() 方 法 ,不 同 的 是 在 每 个 表达 式 之 后 写 一 个 换行 符 


除了 getElementByld() 之 外 ,还 有 getElementsByName() 和 getElementsByTagName() 
方法 。 如 果 需 要 查找 文档 中 的 一 个 特定 的 元 素 , 最 有 效 的 方法 是 getElementById() 。 

在 设计 HTML 文档 的 元 素 时 ,最 好 给 元 素 一 个 id 属性 ,为 它 指定 一 个 (在 文档 中 ?唯一 的 
名 称 , 然 后 就 可 以 用 该 id 查找 想 要 的 元 素 。 

如 果 多 个 语句 使 用 “document. "前 级, 可 以 使 用 withCdocument) 了 简写 。 例 如 : 


document. write("Good" ) ; 
document. write( "Bye" ) ; 


可 以 简写 为 : 


with( document) 
{ write("Good"); 
write("Bye"); 

} 

2. document 对 象 的 应 用 示例 

示例 1: 在 CH5 网 站 中 添加 一 个 webforml11. html 网 页 ,其 功能 是 说 明 document 对 象 属 
性 的 使 用 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 
间 列 表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webforml1. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 源 视 图 ,设计 其 HTML 代码 如 下 : 

<!DOCTYPE htm] > 

<html xmlns = "http://www. w3.org/1999/xhtml"> 


<head > 
< meta http - equiv = "Content - TYpe"”content = "text/html; charset = utf — 8"/> 
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<title></title> 
< Script language = " javascript" > 
document.write(" 当前 打开 的 HTML 文件 ”+ "<br>"); 
document. write(" 文件 位 置 :”+ document.URL + "<br>"); 
document. write(" 最 后 修改 日 期 :”+ document. lastModified + "<br>"); 
</script > 
</head> 
<body> 
</body> 
</html > 


@ 执行 该 网 页 ,其 结果 如 图 5. 16 所 示 , 显 示 打 开 文 档 的 位 置 和 最 后 修改 日 期 的 信息 。 


9) httpy/localhost61552/webformilhtml PD © ve 
localhost x 


当前 打开 的 HTML 文 件 
文件 位 置 :http-Wlocalhost-61552/webforml1l html 
最 后 修改 日 期 :07/19/2015 13:09:15 


图 5.16 webform1l1. html 网 页 的 执行 界面 


示例 2: 在 CH5 网 站 中 添加 一 个 Images 目录 ,放置 若干 图 像 文件 ,再 添加 一 个 webform12. 
html 网 页 ,其 功能 是 说 明 document 对 象 集合 的 使 用 方法 。 

其 设计 步骤 如 下 : 

@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 
间 列 表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform12. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 设计 视图 ,从 工具 箱 的 HTML 类 别 向 网 页 中 拖 电 一 个 Select 控件 、 一 个 input 
(Button) 控 件 和 一 个 Image 控件 ,并 设置 其 属性 。 

@ 进入 源 视图 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
<html xmlns = "http://www.w3.org/1999/xhtml"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf ~ 8"/> 
<title></title> 
< script language = "javascript" > 
function dispimg() { 
var mc = document.getElementById("select1").value; 
switch (mc) { 
case "手机 " : document. images[0]. src = "Images/1122. jpg"; break; 
case "相机 ": document. images[0]. src = "Images/1221. jpg"; break; 
case "笔记 本 " : document. images[0]. src = "Images/2121. jpg"; break; 
case "台式 机 ": document. images[0]. src = "Images/2211. jpg"; break; 


} 
} 
</script > 
< style type = "text/css"> 
#Buttonl { 


color: #FF0000; font— size: medium; 
font - weight: 700;font - family: 黑体 ; 
} 
</style> 
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</head> 
<body> 
<p>< select id= "select1l" name= "D1"> 
< option > 手机 </option> 
< option > 相机 </option> 
< option > 笔记 本 </option> 
< option > 台式 机 </option> 
</select > gnbsp; 
< input id= "Button1" type = "button" value = "确定 " onclick = "dispimg()"/></p> 
<p><inmgalt="" /></p> 
</body> 
</html > 


其 中 ,var mc 二 document. getElementByld ("select1"). value 语句 求 出 网 页 中 id 为 
selectl 元 素 的 值 。 

@ 执行 该 网 页 ,在 下 拉 列 表 中 选择 “笔记 本 ”, 单 击 “ 确 定 ” 按 钮 , 则 在 img 元 素 中 显示 笔记 
本 图 像 , 如 图 5. 17 所 示 。 


全 I®) ttp://localhost:6155; 


EE @ localhost x 
®) 碟 htpy/localhost6155. 只 
Elocalhost x 至 记 二 Y| | 确定 A| 


手机 区 本) 


相机 
[ER 二 | 
ER 


图 5.17 webform12. html 网 页 的 执行 过 程 


示例 3: 在 CH5 网 站 中 添加 一 个 webform13. html 网 页 ,其 功能 是 说 明 document 对 象 集 
合 的 使 用 方法 。 

其 设计 步骤 如 下 : 

@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 
间 列 表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform13. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 设计 视图 ,从 工具 箱 HTML 类 别 向 网 页 中 拖 中 input(CheckBox) 控 件 和 命令 按 
钮 Buttonl 和 Button2 ,并 设置 其 属性 。 

@ 进入 源 视 图 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
< html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
<meta http - equiv = "Content - TYpe"”content = "text/html; charset = utf 一 8"/> 
<title></title> 
< script language = " javascript" > 
function test() { 
// 通 过 标记 名 查询 
var list = document.getElementsByTagName("input" ); 
// 通 过 数组 的 length 属性 取得 查询 到 的 元 素 个 数 
var len = list. length; 
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// 将 每 个 元 素 的 value 属性 值 连接 成 一 个 字符 串 
var str = ""; 
for (var i = 0; i< list.length; i++) { 
str += "" + list[i].type + ":" + list[i].valve + "\n"; 


} 
// 输 出 查询 到 的 内 容 
alert(" 查 到 的 元 素 个 数 : ”+ len +"\n\n 元 素 类 型 和 值 内 容 : \n" + str); 
} 
</script > 
</head> 
<body> 


<div id= "content"> 爱 好 : 
< input type = "checkbox" id = "ckl" value = "跑步 " /> 跑步 
< input type = "checkbox" id = "ck2" value = "篮球 "” /> 篮球 

</div> 

<hr size= "1" color ="##FF0000" /> 

< input type = "button" value = "显示 网 页 中 input 元 素 " onClick = "test()" 

style = "color: #FF0000; font - size: medium; font - weight: 700; 
font - family: 黑体 ; width: 176px" /> 
</body> 
</html > 


其 中 ,var list 一 document. getElementsByTagName("input") 语 句 求 出 网 页 中 所 有 input 元 
素 , 并 存储 在 list 对 象 数 组 中 ,listLij. type 返回 list[ 让 对 象 的 类 型 ,list[i]. value 返回 list[ 让 对 
象 的 值 。 

@ 执行 该 网 页 ,在 出 现 的 页 面 中 单 击 “ 显 示 网 页 中 input 元 素 ” 按 钮 ,出现 如 图 5. 18 所 示 
的 对 话 框 , 列 出 网 页 中 所 有 的 input 元 素 和 它们 的 值 。 


[oa| ¥ 
汪 )( 轩 | 七 htpy/ocalhost61552/webform -| 从 家 寓 
g localhost x 到 | 
爱好 ， 口 跑 步 口 复 球 


《加 示 网 页 中 input 元 素 ] 


图 5.18 webform13. html 网 页 的 执行 过 程 


示例 4: 在 CH5 网 站 中 一 个 webforml4. html 网 页 ,其 功能 是 根据 用 户 的 输入 , 求 一 个 一 
元 二 次 方程 的 根 , 以 此 说 明 document 对 象 引用 二 form 记 元 素 的 使 用 方法 。 
其 设计 步骤 如 下 : ebf p 
Q@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 " 菜 ee 
令 , 出 现 “ 添 页 - ”对 话 框 ， 
单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 间 列 表 CE 


中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webforml4. 
html, 单 击 “ 添 加 ”按钮 。 人 | 


@ 进入 设计 视图 ,其 设计 界面 如 图 5.19 所 * 
示 , 其 中 有 一 个 表单 forml ,包含 两 个 表格 和 两 个 ”图 5.19 webform14.htm 网 页 的 设计 界面 
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命令 按钮 ,每 个 表格 中 有 若干 文字 和 文本 框 。 
@ 进入 源 视图 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
< meta http - equiv = "Content - Type" content = "text/html; charset = utf — 8"/> 
<title></title> 
< Script language = " javascript" > 
function solve() { 


vara = parseFloat(document.forml.txta.value); // 转 换 为 单 精度 数 
var b = parseFloat(document. forml.txtb.value); // 转 换 为 单 精度 数 
varc = parseFloat(document.forml.txtc.value); // 转 换 为 单 精度 数 
vard=bxb-4*xaxc; 

if (d<0) 


{ document. forml. txtn. value = 0; 
document. forml. txtx1.value = ""; 
document. forml. txtx2.value = ""; 

} 

else if (d==0) 

{ document. forml.txtn. value = 1; 
var xl = ( -b- Math. sqrt(d))/(2*x a); 
document. forml.txtxl.value = x1; 
document. forml. txtx2.value = ""; 


} 

else 

{ document.forml.txtn.value= 2; 
xl = sround((-b - Math.sqrt(d)) / (2 * a)); 
document. forml. txtxl1. value = x1; 
x2 = sround((-b + Math.sqrt(d)) / (2 * a)); 
document. forml. txtx2. value = x2; 


} 
function sround(x) { // 四 会 五 人 并 保留 2 位 小 数 
return Math. round(x * 100) / 100; 
} 
</script > 
< style type = "text/css"> 
.auto— stylel { 
font - family: Arial; font ~ size: medium; color: #0000FF; } 
.auto— style2 { 
font - family: 黑体 ; ”font - weight: bold; 
font - size: medium; color: #FF0000; } 
.auto— style3 { 
font - family: 楷体 ; font - weight: bold; 
font - size: medium; color: #0000FF; } 
</style> 
</head> 
<body> 
<form name= "forml" > 
<table border = "0" id = "tablel"> 
<tr> 
<td class = "auto— stylel">a: </td> 
<td>< input type = "text" id = "txta" value= "0" style= "width:50px"></td> 
<td class = "auto— stylel"> &nbsp;b: </td> 
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<td>< input type = "text" id= "txtb" value = "0" style= "width:50px"></td> 
<td class = "auto— stylel"> gnbsp;c: </td> 
<td>< input type = "text" id= "txtc" value= "0" style= "width:50px"></td> 
</tr> 
</table> 
<p>< input type = "button" value = "确定 " id = "button1" onclick= "solve()" 
class = "auto— style2"> 
< input type = "reset" value = " 重 置 " id = "button2" class = "auto - style2"></p> 
< table border = "0" id = "table2"> 
<tr> 
<td>< span class = "auto - style3"> 根 个 数 : </span></td> 
<td>< input type = "text" id = "txtn" style= "width:50px"></td> 
<td class = "auto— stylel"> &nbsp;xl: </td> 
<td>< input type = "text" id= "txtxl" style = "width:50px"></td> 
<td class = "auto— stylel"> &nbsp;x2: </td> 
<td>< input type = "text" id = "txtx2" style = "width:50px"></td> 


</tr> 
</table> 
</form> 
</body> 
</html > 
form 对 象 是 document 对 象 的 一 个 属性 ,表示 
文档 内 的 一 个 表单 。 由 于 本 网 页 一 body 之 元 素 中 全 httpy/localhost6155: PD - © 
包含 一 个 forml 表单 ,所 以 document. forml 引用 x 国 | 
文档 中 的 forml 表单 ,而 document. forml. txta. a l25 Jb: [48 je [7 


value 引用 文档 中 forml 表单 中 的 txta 文本 框 的 确定 |[ 至于 | 
值 ,也 可 以 采用 document. forms[0]. txta. value。 

@ 执行 该 网 页 ,输入 a、b、c 的 值 , 单 击 “ 确 定 ” 
按钮 , 求 出 根 的 个 数 和 相应 的 解 ,其 结果 如 图 5. 20 
所 示 。 


| 他 


图 5.20 ”webform14. htm 网 页 的 执行 界面 


5.6.4 history 对 象 


history 对 象 即 历史 对 象 ,其 中 含有 浏览 器 已 访问 过 的 网 页 的 URL 集合 。history 对 象 常 
用 属性 是 length, 它 返回 浏览 器 历史 列表 中 的 URL 数量 。history 对 象 的 常用 方法 如 表 5. 17 
所 示 。 


表 5.17 history 对 象 的 常用 方法 


方 法 说 明 

back 载 入 历史 列表 中 的 前 一 个 文档 
forward 载 入 历史 列表 中 的 后 一 个 文档 
go 加 载 历史 列表 中 的 某 个 具体 页 面 


例如 ,下 面 的 行 代码 执行 的 操作 与 单 击 后 退 按 钮 @ 执行 的 操作 一 样 : 
history. back( ); 
又 如 ,下 面 一 行 代码 执行 的 操作 与 单 击 两 次 后 退 按钮 @ 执行 的 操作 一 样 : 


history.go( — 2); 
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【 练 一 练 】 在 CH5 网 站 中 一 个 webform15. html 网 页 ,其 功能 是 说 明 history 对 象 的 使 
用 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 
间 列 表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform15. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 源 视图 ,设计 其 HTML 代码 如 下 (网 页 中 只 有 一 个 超 链接 ): 


<! DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml1"> 
<head> 
< meta http - equiv = "Content - Type" content = "text/html; charset = utf — 8"/> 
<title></title> 
</head> 
<body> 
<p><a href = "webform15 - 1. html"> 转 向 webform15 - 1.html </a></p> 
</body> 
</html > 


@ 添加 另 一 个 webform15-1. html 网 页 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf ~ 8"/> 
<title></title> 
<style type = "text/css"> 
.auto— stylel { 
font - family: 黑体 ; font - weight: bold; 
font - size: medium; color: #FF0000; 
} 
.auto— style2 { 
color: #0000FF; font - size: medium; 
font - weight: 700; font - family: 楷体 ; 
} 
</style> 
< script language = " javascript" > 
function fun() { 
var mystr = "学 号 :" + document.getElementById("Text1").value 
+ "<br> 姓 名 :" + document.getElementById("Text2").value; 
document .write(mystr); 
} 
</script > 
</head> 
<body> 
< form name = "forml" method= "post" > 
<div> 
< span class = "auto - style2"> 学 号 : </span> 
< input id= "Text1l" type = "text" style = "width:60px" /> 
< span class = "auto - style2"> 姓 名 : </span> 
< input id= "Text2" type= "text" style= "width:60px" /> 
</div> 
<div> 
<br /> 
< input id= "Button1" type= "button" value = "确定 " 
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class = "auto— stylel" onclick = "fun()" /> gnbsp; 

< input id= "Button2" type = "button" value = "后 退 " 
class = "auto— stylel" onclick = "history. back()" /> &nbsp; 

< input id= "Button3" type = "button" value = "前进 " 
class = "auto— stylel" onclick="history.forward()" /> 

</div> 
</form> 
</body> 
</html > 


其 中 有 3 个 命令 按钮 ,标题 分 别 为 “确定 ”“ 后 退 ” 和 “前 进 ”。 

@ 执行 webform15. html 网 页 , 单 击 “转向 webform15-1. html” 超 链接 ,出 现 webforml15-1. 
html 网 页 ,输入 学 号 和 姓名 , 单 击 “ 确 定 ” 按 钮 ,出 现 显示 学 号 和 姓名 信息 的 webform15-1. html 网 
页 , 单 击 @ 按钮 返回 ,如 图 5. 21 所 示 。 此 时 可 以 通过 “后 退 ”" 和 “前 进 " 按 钮 显示 前 后 的 网 页 。 


有 @ htpy/ocalhosts155, PO | 
(MOB : OO > 面 人 GE ee D 


@ localhost 学 号 : [101 姓名 : [于 可 大 localhost 
转向 webform15-1.html 确定 | [后 到 | [前 过 关 和 3 


3 


ff 单 击 “ 后 退 ” Ab 
PE > 单 击 “ 前 进 ” 
©ls hutpy/localhost6155. P= O 
大 localhost x 


手 号 : [101 


确定 | | 后 退 


图 5.21 ”webforml15. htm 和 webforml1s. htm-1 网 页 的 执行 过 程 


5.6.5 location 对 象 


location 对 象 存储 在 window 对 象 的 location 属性 中 ,表示 那个 窗口 中 当前 显示 的 文档 的 
Web 地 址 。location 对 象 的 常用 属性 如 表 5. 18 所 示 , 其 中 href 属性 存放 的 是 文档 的 完整 
URL, 其 他 属性 则 分 别 描述 了 URL 的 各 个 部 分 。 


表 5.18 location 对 象 的 常用 属性 


属 性 说 明 

hash 设置 或 返回 从 井 号 (# ) 开 始 的 URL( 锚 ) 
host 设置 或 返回 主机 名 和 当前 URL 的 端口 号 
hostname 设置 或 返回 当前 URL 的 主机 名 

href 设置 或 返回 完整 的 URL 

pathname 设置 或 返回 当前 URL 的 路 径 部 分 

port 设置 或 返回 当前 URL 的 端口 号 

protocol 设置 或 返回 当前 URL 的 协议 


search 设置 或 返回 从 问号 (?) 开 始 的 URL( 查 询 部 分 ) 
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location 对 象 的 常用 方法 如 表 5. 19 所 示 , 其 中 reload() 方 法 可 以 重新 加 载 当前 文档 ， 


replace() 可 以 加 载 一 个 新 文档 而 无 须 为 它 创建 一 个 表 5.19 location 对 象 的 常用 方法 
新 的 历史 记录 ,也 就 是 说 ,在 浏览 器 的 历史 列表 中 ， 一 方 站 说 有 
新 文档 将 替换 当前 文档 。 


assign() 加 载 新 的 文档 
reload() 重新 加 载 当前 文档 
replace() 用 新 的 文档 蔡 换 当 前 文档 


【 练 一 练 】 在 CH5 网 站 中 一 个 webform]16. 
html 网页, 其 功能 是 说 明 location 对 象 的 使 用 
方法 。 

其 设计 步骤 如 下 : 

Q 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 
间 列 表 中 选择 "HTML 页 ”, 将 文件 名 称 改 为 webform16. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 源 视 图 ,设计 其 HTML 代码 如 下 : 

<!DOCTYPE html > 

< html xmlns = "http://www. w3.org/1999/xhtml1"> 

<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf — 8"/> 
<title></title> 
< script language = "javascript" > 
window. location. assign("http://www. whu. edu. cn" ); 
</script > 
</head> 
<body> 
</body> 
</html > 


@@ 执行 本 网 页 ,当前 窗口 出 现 的 武汉 大 学 网 站 的 主页 。 
5.6.6 navigator 对 象 

navigator 对 象 包含 的 属性 描述 了 正在 使 用 的 浏览 器 ,可 以 用 window 对 象 的 navigator 属 
性 来 引用 它 。 通 常 使 用 navigator 对 象 进行 平台 专用 的 配置 。 虽然 这 个 对 象 的 名 称 显而易见 


的 是 Netscape 的 Navigator 浏览 器 ,但 其 他 实现 了 JavaScript 的 浏览 器 也 支持 这 个 对 象 。 
navigator 对 象 的 常用 属性 如 表 5. 20 所 示 。 


表 5. 20 navigator 对 象 的 常用 属性 


属 性 说 有明 
appCodeName 返回 浏览 器 的 代码 名 
appMinorVersion 返回 浏览 器 的 次 级 版 本 
appName 返回 浏览 器 的 名 称 
appVersion 返回 浏览 器 的 平台 和 版 本 信息 
browserLanguage 返回 当前 浏览 器 的 语言 
cookieEnabled 返回 指明 浏览 器 中 是 否 启用 Cookie 的 布尔 值 
cpuClass 返回 浏览 器 系统 的 CPU 等 级 
onLine 返回 指明 系统 是 否 处 于 脱 机 模式 的 布尔 值 
platform 返回 运行 浏览 器 的 操作 系统 平台 


systemLanguage 返回 OS 使 用 的 默认 语言 
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注意 : 尽管 没有 应 用 于 navigator 对 象 的 公开 标准 ,不 过 所 有 浏览 器 都 支持 该 对 象 。 

【 练 一 练 】 在 CH5 网 站 中 设计 一 个 webform17. html 网 页 ,其 功能 是 说 明 navigator 对 
象 的 使 用 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 
间 列 表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform17. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 源 视图 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
< html xmlns = "http://www. w3.org/1999/xhtml1"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf ~ 8"/> 
<title></title> 
< script language = " javascript" > 
function fun() { 
Var mystr = ""; 
mystr += "浏览 器 名 称 : "+ navigator.appName + "\n"; 
mystr += "浏览 器 版 本 : "+ parseFloat(navigator.appVersion) + "\n"; 
mystr += "平台 : " + navigator.platform + "\n"; 
mystr += "Cookies 启用 : ”+ navigator.cookieEnabled; 
alert(mystr); 
} 
</script > 
< style type = "text/css"> 
井 Buttonl { 
Color: #FF0000; font- size: medium; 
font - weight: 700; font - family: 黑体 ; } 
</style> 
</head> 
<body> 
<p>< input id = "Buttonl" type = "button" value= "浏览 器 信息 ” onclick = "fun()"></p> 
</body> 
</html > 


@ 执行 本 网 页 , 单 击 “ 浏 览 器 信息 ”按钮 ,显示 当前 浏览 器 的 信息 如 图 5. 22 所 示 。 


SD) htpy/ocalhost6155 PD -4 
| 咎 locahost ”xx 国 


《浏览 器 信息 ]) 


图 5.22 webform17. html 网 页 的 执行 过 程 


5.6.7 screen 对 象 


每 个 window 对 象 的 screen 属性 都 引用 一 个 screen 对 象 。screen 对 象 中 存放 着 有 关 显 示 
浏览 器 屏幕 的 信息 。JavaScript 程序 将 利用 这 些 信息 来 优化 它们 的 输出 ,以 达到 用 户 的 显示 
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要 求 。 例 如 ,一 个 程序 可 以 根据 显示 器 的 尺寸 选择 使 用 大 图 像 还 是 使 用 小 图 像 , 它 还 可 以 根据 
显示 器 的 颜色 深度 选择 使 用 16 位 色 还 是 使 用 8 位 色 的 图 形 。 另 外 ,JavaScript 程序 还 能 根据 
有 关 屏 幕 尺 寸 的 信息 将 新 的 浏览 器 窗口 定位 在 屏幕 中 间 。 
screen 对 象 的 常用 属性 如 表 5. 21 所 示 。 
表 5.21 screen 对 象 的 常用 属性 


属 性 说 明 
avail Height 返回 显示 屏幕 的 高 度 ( 除 Windows 任务 栏 之 外 ) 
availWidth 返回 显示 屏幕 的 宽度 ( 除 Windows 任务 栏 之 外 ) 
bufferDepth 设置 或 返回 调 色 板 的 位 深度 
colorDepth 返回 目标 设备 或 缓冲 器 上 的 调 色 板 的 深度 
deviceXDPI 返回 显示 屏幕 的 每 英寸 水 平 点 数 
deviceYDPI 返回 显示 屏幕 的 每 英寸 垂直 点 数 
height 返回 显示 屏幕 的 高 度 
logicalXDPI 返回 显示 屏幕 每 英寸 的 水 平方 向 的 常规 点 数 
logicalYDPI 返回 显示 屏幕 每 英寸 的 垂直 方向 的 常规 点 数 
pixelDepth 返回 显示 屏幕 的 颜色 分 辨 率 
updateJInterval 设置 或 返回 屏幕 的 刷新 率 
width 返回 显示 器 屏幕 的 宽度 


注意 : 尽管 没有 应 用 于 screen 对 象 的 公开 标准 ,不 过 所 有 浏览 器 都 支持 该 对 象 。 

【 练 一 练 】 在 CH5 网 站 中 一 个 webform18. html 网 页 ,其 功能 是 说 明 navigator 对 象 的 
使 用 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH5 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 “ 添 加 新 项 -CH5” 对 话 框 ,在 中 
间 列 表 中 选择 “HTML 页 ”, 将 文件 名 称 改 为 webform18. html, 单 击 “ 添 加 ”按钮 。 

@ 进入 源 视 图 ,设计 其 HTML 代码 如 下 : 


<!DOCTYPE html > 
< html xmlns = "http://www.w3.org/1999/xhtml"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf -8"/> 
<title></title> 
< script language = " javascript" > 
document. write(" 屏 幕 信息 : < br >"); 
document. write(" 屏幕 的 实际 高 度 : " 
document. write(" 屏 幕 的 实际 宽度 : " 
document. write(" 屏 幕 区 域 的 高 度 : " 
document. write(" 屏 幕 区 域 的 宽度 : " 
</script > 
</head> 
<body> 
</body> 
</html > 


@ 执行 本 网 页 ,显示 的 屏幕 信息 如 图 5. 23 所 示 。 


Screen. availHeight + "<br>"); 
Screen. availWidth + "<br>"); 
screen. height + "<br>"); 
screen.width + "<br>"); 


+ + + 十 
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©) 乱 httpy/localhost6155; 只 
硬 localhost x 国 


屏幕 信息 

屏幕 的 实际 高 度 ，860 
屏幕 的 实际 宽度 ，1600 
屏幕 区 域 的 高 度 ，900 
屏幕 区 域 的 宽度 ，1600 


图 5.23 webform18. html 网 页 的 执行 界面 


5.7 练 习 题 


1. 单项 选择 题 
(1) 在 HTML 页 面 中 包含 一 个 按钮 控件 mybutton, 如 果 要 实现 单 击 该 按钮 时 调用 已 定 
义 的 JavaScript 函数 compute, 要 编写 的 HTML 代码 是 ( ss 
A. <inputname="mybutton" type="button" onBlur="compute()" value=" 计 
算 " /> 
B. <inputname="mybutton" type="button" onFocus= "compute()" value=" 计 
算 " /> 
C. <inputname= "mybutton" type= "button" onClick= "functioncompute()" value 
一 "计算 ” /二 
D. =inputname= "mybutton 
算 " /> 
(2) 在 HTML 页 面 中 ,定义 了 如 下 Javascript 函数 : 


type="button" onClickk="compute()" value=" 计 


functioncompute(op){alert(op);} 


则 调用 该 函数 时 出 现 语法 错误 的 HTML 代码 是 (  )。 
A. =inputname="a" type= "button" onclick= "compute(this. value)”value 一 "十 " /> 
B. =inputname="b" type= "button" onclick= "compute(~')" value="-" /> 
value="*" /> 
D. =inputname="d" type= "button" onclickk= "compute()" value="/" /> 
(3) JavaScript 的 基本 数据 类 型 不 包括 ( ) 类 型 。 
A. 字符 串 B. 数组 C. 数值 D. 布尔 
(4) Javascript 中 ,( ) 语 句 一 定 会 产生 运行 错误 。 
A. var 变量 二 NaN; B. var0bj 王 口 ; C. varobj="//"; DD. varobj={}; 
(5) 执行 如 下 JavaScript 代码 ,警告 框 的 输出 值 是 ( Ya 


mn 


C. 二 inputname 一 "c" type= "button" onclickk="compute(" * 


")" 


vara = 10; 

b = 20; 

c=4; 

alert(++b + c + at+); 
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A. 34 B. 35 C. 36 BD; 37 
(6) 执行 如 下 JavaScript 代码 ,警告 框 的 输出 值 是 ( Ds 


var x = ['abcde', 123456]; 
var y = typeof typeof x[1]; 


alert(y); 
A. "function" B. "object" C. "number" D. "string" 
(7) JavaScript 中 ,以 下 两 个 变量 赋值 后 alter(a 王 王 b) 显 示 false 的 是 ( 入 
A. vara 一 0,b 王 一 0; B. vara 王 NaN,b 王 NaN; 
C. vara=null,b= undefined; D. vara=[],b=false; 
(8) JavaScript 中 ,以 下 定义 变量 的 语句 中 ( 。”) 不 正确 。 
A. varaa; B. varbb=3;cc= 'good'; 
C. vardd=ee=100; D. varff=3,gg= 'he'sgood'; 
(9) JavaScript 中 ,foo 对 象 有 att 属性 ,那么 以 下 获取 att 属性 值 的 表达 式 ( ) 是 错误 的 。 
A. foo. att B. foo[ "att"] 
C. foo{"att"} La "Fe 
(10)( ， ) 作 为 JavaScript 变量 名 是 不 合法 。 
A. string B. length C. myvar D. this 


(11) 有 如 下 JavaScript 代码 : 


var arr = new Array(9); 


arr[0] =1; 
arr[2] = 2; 
则 arr 数组 的 length 属性 值 为 ( Ju 
A. 2 B. 10 C.8 | 


(12) 有 以 下 JavaScript 代码 ,警告 框 的 输出 是 ( Xs 


var str = '123abc'; 
str += str.replace( 'abc', ''); 
alert(str); 
A. 123abc123 B. 123abc C. 123 D. abc 
(13) 有 以 下 JavaScript 代码 ,警告 框 的 输出 是 ( )。 


var a= 100,b="100.5a6",c= "100.1"; 
alert(Math. max(a, b, c)); 


A. 100 B. 100.1 C. NaN D. undefined 
(14) 有 一 个 submit 按钮 ,在 这 个 按钮 控件 上 添加 ( ) 事 件 不 起 作用 。 
A. onmouseout B. onmouseover C. onclick D. onsubmit 


(15)( ”) 请 句 能 正确 地 显示 结果 。 
A. alert(newDate(2015,12.25). getDay()); 
B. alert(newDate(2015,12,25.5). getDay()); 
C. alert(newDate(2015,12,25,5,5,9). getDay()); 
D. 以 上 三 个 结果 都 正确 
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(16) 以 下 JavaScript 代码 在 警告 框 中 显示 的 结果 是 ( 和 


Var arr = [0, 1, 2; 3 & 5 6]; arr2 = arr.slice(2, 5)7 
alert(arr2); 


A 15253 B. 1,2,3,4 C. 2,3,4 D. 2,3,4,5 
(17) 为 获取 页 面 中 多 个 同名 对 象 ,应 使 用 document 的 ( ) 方 法 。 

A. getElementById() B. getElementsByName() 

C. getElementsByTagName() D. 以 上 都 不 对 


(18) 以 下 JavaScript 代码 的 执行 结果 是 ( Wa 


< script language = "javascript"> 

with(document) 

{ ”writeln(" 最 后 一 次 修改 时 间 : " + document. lastModified + "< br >"); 
writeln(" 标 题 : ”+ document. title + "<br>"); 
writeln("URL: " + document.URL + "<br>"); 

} 


</script > 
A. 只 输出 最 后 一 次 修改 的 时 间 
B. 只 输出 文档 的 标题 
C. 输出 最 后 一 次 修改 时 间 、 文 档 的 标题 和 当前 的 URL 
D. 什么 也 不 输出 
(19) 以 下 JavaScript 代码 的 执行 结果 是 ( ys 
< script language = "JavaScript"> 

var str = "字符 串 "; 

with(document) 

{ writeln("<b> 您 好 ,</b>"); 
write(" 欢 迎 光临 本 网 页 !" + "<br>"); 
writeln("<p><b> 在 js 标签 之 间 ,"); 
writeln(str+ "可 以 写 在 这 里 </b></p>"); 


} 

</script > 
A. 会 有 "一 br> "这 样 的 字符 输出 B. 显示 两 行文 字 ,它们 之 间 空 一 行 
C. 最 后 页 面 会 出 错 D. 会 有 乱码 出 现 


(20) 以 下 JavaScript 代码 的 说 明 中 正确 的 是 ( Xs 


function fun() { 
var len = forml. text.value. length; 
alert("len=" + len); 


A. 用 于 显示 当前 文档 中 文本 框 的 个 数 
B. 用 于 显示 当前 文档 中 表单 的 个 数 
C. 这 段 代码 有 错误 
D. 用 于 统计 用 户 输入 text 文本 框 中 字符 个 数 
(21) 在 Javascript 中 ,对 于 浏览 器 对 象 的 层次 关系 理解 正确 的 是 ( 
A. window 对 象 是 所 有 页 面 内 容 的 根 对 象 


第 5 章 JavaScript 编程 基础 i151 


B. document 对 象 包含 location 对 象 和 history 对 象 
C. location 对 象 包含 history 
D. document 对 象 并 不 包含 form 对 象 
(22) 以 下 关于 浏览 器 对 象 的 叙述 中 错误 的 是 ( Ws 
人 A. history 对 象 记录 了 用 户 在 一 个 浏览 器 中 已 经 访问 过 的 URL 
B. location 对 象 相 当 于 IE 浏览 器 中 的 地 址 栏 ,包含 关 于 当前 URL 地 址 的 信息 
C. location 对 象 是 history 对 象 的 父 对 象 
D. location 对 象 是 window 对 象 的 子 对 象 
2. 问答 题 
(1) 简 述 JavaScript 和 C 中 定义 变量 上 的 差异 。 
(2) 简 述 HTML 文档 中 引入 JavaScript 脚本 代码 采用 方法 。 
(3) 有 如 下 网 页 代码 , 当 用 户 单 击 button 按钮 时 ,给 出 其 执行 结果 。 


<!DOCTYPE htm]l > 
< html xmlns = "http://www. w3.org/1999/xhtml1"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf -8"/> 
<title> OK</title> 
< script language =" 
function add(){ 
var first = document.forml.first.value; 
var second = parseInt(document. form1. second. value); 
var third = parseInt(document.fornml.third. value); 
alert(first + second + third); 


javascript" type = "text/ javascript"> 


} 
</script > 
</head> 
<body> 
< form name = "forml"> 
< input type = "text" name = "first" value= "40" /> 
< input type = "text" name = "second" value = "30" /> 
< input type = "text" name = "third" value = "70" /> 
< input type = "button" value = "add" onclick = "add()" /> 
</form> 
</body> 
</html > 


(4) 一 个 网 页 的 二 body 二 元 素 如 下 : 


<body> 
< form name = "forml"> 
< select name = "select1l" size= "1" onchange = "fun(this)"> 
< option value = "a"> 1 </option > 
< option value = "b"> 2 </option> 
< option value = "c"> 3</option> 
</select> 
</form> 
</body> 


编写 fun 函数 , 当 用 户 改变 下 拉 列 表 框 的 选项 时 在 一 个 警告 框 中 显示 当前 选项 的 文本 
和 值 。 
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(5) 一 个 网 页 的 二 body 记 元素 如 下 : 


<body> 
< form name = "form1" onsubmit = "foo();"> 
< input type = "radio" name = "radioGroup" /> 选项 1 
< input type = "radio" name = "radioGroup" /> 选项 2 
< input type = "radio" name = "radioGroup" /> 选项 3 
< input type = "radio" name = "radioGroup" /> 选项 4 
< input type = "radio" name = "radioGroup"” /> 选项 5 
< input type = "radio" name = "radioGroup" /> 选项 6 
< input name = "Button1" type = "submit"/> 
</form> 
</body> 


编写 foo 函数 , 当 用 户 单 击 某 个 单 选 按钮 时 在 一 个 警 


告 框 中 显示 当前 选中 的 是 第 几 个 单 选 按钮 。 DT 
(6) 编写 JavaScript 函数 ,用 户 单 击 “ 求 解 ”按钮 时 ,在 ochost * 用 


网 页 的 文本 域 中 显示 1 一 1000 之 间 所 有 能 同时 被 3,5,7 整 0 451420, 535,650 网 
除 的 数 ,并 要 求 每 行 显示 6 个 这 样 的 数 ,如 图 5. 24 所 示 。 sla 


(7) 一 个 HTML 网 页 中 有 如 下 命令 按钮 和 若干 
达 input type 一 "text" 过 文本 框 : 


图 5.24 问答 题 第 (6) 题 的 执行 界面 
< input id = "Buttonl" type = "button" value = "button" 
onclick = "setnull()" /> 


在 网 页 执行 时 单 击 该 命令 按钮 会 将 其 中 所 有 文本 框 清空 ,编写 setnull 函数 。 


5.8 上 机 实验 题 


在 CH5 网 站 中 添加 一 个 Exp. html 网 页 ,其 设计 界面 与 第 4 章 的 上 机 实验 题 完 全 相同 ， 
并 添加 JavaScript 代码 ,在 用 户 单 击 “ 提 交 ” 按 钮 时 在 Selectl 文本 域 中 显示 输入 的 信息 ,如 
图 5. 25 所 示 。 


[Breecahosts!ss Pp - 6 
冶 ,ocalhost x 


我 的 信息 
学 号 |101 
姓名 | 王 华 


O 男 @ 女 
EE 
[重生 | 


你 的 信息 : 学 号 为 101, 姓名 为 王 华 ,性 内 | 
别 为 女 , 民族 为 满族 v 


图 5.25 上 机 实验 题 网 页 的 执行 界面 
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HTML 文 档 和 C# 脚 本 代码 
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6.1.1 C# 的 特点 


C# 语 言 是 微软 公司 推出 的 面向 对 象 的 编程 语言 ,是 专门 为 .NET Framework 量 身 打造 
的 。 程 序 员 可 以 采用 C# 快 速 方 便 地 编写 各 种 基于 .NET Framework 的 应 用 程序 。C# 的 基 
本 特点 如 下 : 

。 简洁 的 语法 ; 

。 精心 地 面向 对 象 设计 ; 

。 与 Web 的 紧密 结合 ; 

。 完整 的 安全 性 与 错误 处 理 ; 

。 良好 的 灵活 性 与 兼容 性 。 


6.1.2 C# 和 ASP .NET 


C# 是 一 种 编程 语言 。 微 软 公司 是 这 样 描述 C# 的 :“C# 是 从 C 和 C++ 派生 来 的 一 种 
简单 .现代 、 面 向 对 象 和 类 型 安全 的 编程 语言 。C# 主要 是 从 C/C++ 编程 语言 家 族 移植 过 来 
的 ,C 和 C++ 的 程序 员 会 马上 熟悉 它 。C# 试 图 结合 VB 的 快速 开发 能 力 和 C++ 强大 灵活 的 
能 力 。” 

ASP .NET 不 是 一 种 语言 ,而 是 创建 动态 Web 网 页 的 一 种 强大 的 服务 器 端 技术 , 它 是 . 
NET Framework 中 一 套用 于 生成 Web 应 用 程序 和 Web 服务 的 技术 。ASP .NET 网 页 在 服 
务 器 上 执行 ,并 生成 发 送 到 浏览 器 的 标记 (如 HTML .XML 或 WML)。 可 以 使 用 任何 .NET 
兼容 语言 (如 C# 或 VB) 编写 Web 服务 文件 中 的 服务 器 端 逻 辑 ( 而 不 是 客户 端 逻 辑 , 而 
JavaScript 用 于 编写 客户 端 逻辑 )。ASP .NET 网 页 使 用 一 种 由 事件 驱动 .已 编译 的 编程 模 
型 ,这 种 模型 可 以 提高 性 能 并 支持 将 用 户 界 面 层 同 应 用 程序 逻辑 层 相隔 离 。 

显然 ,C# 作 为 .NET Framework 的 一 种 兼容 语言 ,可 以 作为 ASP .NET 网 页 编程 的 脚本 
语言 ,网 页 运行 时 由 ASP .NET 引擎 执行 其 脚本 ,在 生成 最 终 的 HTML 网 页 后 由 服务 器 发 送 
给 客户 端 。 实 际 上 ,ASP .NET 4. 5 本 身 就 采用 C# 语 言 开发 的 ,所 以 C# 不 仅 适用 于 Web 应 
用 程序 的 开发 ,也 适用 于 开发 强大 的 系统 程序 。 


6.1.3 HTML 文档 和 CH 脚本 代码 


JavaScript 脚本 代码 属于 客户 端 代 码 , Web 服务 器 将 JavaScript 脚本 代码 和 HTML 文档 
一 起 发 送 给 客户 端 ,由 客户 端 浏览 器 来 执行 。 

而 C# 脚 本 代码 不 是 在 客户 端 执行 的 ,是 在 服务 器 端 执 行 的 。 采 用 Visual Studio 设计 的 
网 页 是 ASP .NET 网 页 ,其 中 可 以 包含 C# 脚 本 代码 ,由 ASP .NET 引擎 执行 C# 脚 本 代码 并 
进行 转换 ,最 终生 成 HTML 文档 ,再 发 送 给 客户 端 。 所 以 .HTML 文档 可 以 看 成 是 由 C# 脚 
本 代码 执行 的 结果 。 

开发 人 员 主要 是 设计 ASP .NET 网 页 。 如 果 采 用 单 文件 页 模型 ,C# 脚本 代码 包含 在 
过 script runat 二 "server" 这 和 过 /script 记 中 ; 如 果 采 用 代码 隐藏 模 型 ,C# 脚 本 代码 包含 的 单 
独 的 . aspx. cs 文件 中 ,通过 网 页 中 的 二 %@ Page … %% 二 页 面 指令 进行 关联 。 
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6.2 C# 的 数据 类 型 


知识 梳理 
值 类 型 
人 的 数据 类 区 引用 类 型 | 
变 最 定义 
6.2.1 值 类 型 


C# 数 据 类 型 主要 分 为 值 类 型 和 引用 类 型 两 大 类 。 值 类 型 的 变量 内 含 变 量 值 本 身 ,C# 的 
值 类 型 可 以 分 为 简单 类 型 结构 体 类 型 和 枚 举 类 型 等 。 


1. 整数 类 型 


整数 类 型 变量 的 值 为 整数 。 数 学 上 的 整数 可 以 从 负 无 穷 大 到 正 无 穷 大 ,但 是 由 于 计算 机 
的 存储 单元 是 有 限 的 ,所 以 计算 机 语言 提供 的 整数 类 型 的 值 总 是 在 一 定 的 范围 之 内 。 具 体 各 
整数 类 型 及 其 取 值 范围 如 表 6. 1 所 示 。 


表 6.1 整数 类 型 及 其 取 值 范围 
类 型 标识 符 说 明 占用 位 数 取 值 范围 示例 


sbyte 带 符号 字 节 型 8 一 128 一 127 sbyte i=10; 
byte 无 符号 字 节 型 8 0 一 255 byte i=10; 
short 带 符号 短 整 型 16 一 32 768 一 32 767 short i=10; 
ushort 无 符号 短 整 型 16 0~65 535 ushort i=10; 
int 带 符号 整 型 E74 一 2 147 483 648 一 2 147 483 647 int i=10; 
int i 一 10 
in 无 符号 整 型 32 0~4 294 967 295 i 
uint i=10U; 
一 9 223 372 036 854 775 808~ long i=10; 
1 64 
人 机 符号 长 整 型 9 223 372 036 854 775 807 long i=10L; 
ulong ij 一 16; 
long i=16U 
ulong 无 符号 长 整 型 64 0 一 18 446 744 073 709 551 615 和 
ulong i=16L; 


ulong i=16UL; 


2. 实数 类 型 


C# 中 实数 类 型 包括 单 精度 浮 点 数 、 双 精度 浮 点 数 和 固定 精度 的 浮 点 数 。 它 们 的 差别 主 
要 在 于 取 值 范围 和 精度 不 同 。 具 体 各 实数 类 型 及 其 取 值 范 围 与 精度 如 表 6. 2 所 示 。 
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表 6.2 实数 类 型 及 其 取 值 范围 与 精度 
类 型 标识 符 说 明 取 值 范 示 例 


float 单 精度 浮 点 数 士 1.5X10- 避 一 3.4X103 ,精度 为 7 位 数 float {=1. 23; 
double 双 精 度 浮 点 数 士 5.0X10- 弹 一 1.7X10?%8 ,精度 为 15 一 16 位 数 double d=1.23; 
decimal 固定 精度 的 浮 点 数 1.0X10- 天 一 7.9X10s 的 之 间 , 精 度 为 28 一 29 decimal d 一 1.23; 
位 有 效 数 字 
3. 字符 类 型 


在 C# 中 ,字符 类 型 采用 国际 上 公认 16 位 Unicode 字符 集 表示 形式 ,用 它 可 以 来 表示 世 
界 上 大 多 种 语言 。 其 取 值 范围 为 \u0000' 一 \uFFFF', 即 0~65 535。 字 符 类 型 的 标识 符 是 
char, 因 此 也 可 称 为 char 类 型 。 例 如 ,可 以 采用 如 下 方式 字符 变量 赋值 : 


char c= 'H'; // 字 符 H 

char c= "\x0048'; // 字 符 十 六 进 制 转 义 符 (前 组 为 \x) 

char c= '\u0048'; // 字 符 H,Unicode 表示 形式 (前 级 为 \u) 

char c= \r'; // 回 车 , 转 义 字符 (用 于 在 程序 中 指 代 特殊 的 控制 字符 ) 


在 表示 一 个 字符 常数 时 , 单 引 号 内 的 有 效 字 符 数 量 必须 且 只 能 是 一 个 ,并 且 不 能 是 单 引号 
或 反 斜 杠 (\)。 

4. 布尔 类 型 

布尔 类 型 数据 用 于 表示 逻辑 真 和 逻辑 假 ,布尔 类 型 的 类 型 标识 符 是 bool。 

布尔 类 型 常数 只 有 两 种 值 : true( 代 表 “ 真 ”) 和 false( 代 表 “ 假 ”)。 布 尔 类 型 数据 主要 应 用 
在 流程 控制 中 ,往往 通过 读 取 或 设 定 布尔 类 型 数据 的 方式 来 控制 程序 的 执行 方向 。 

注意 : 在 C# 语 言 中 ,bool 类 型 不 能 像 C/C++ 语言 那样 可 能 直接 转换 为 int 类 型 ,例如 ， 
int a 二 (2 二 3); 在 C/C++ 中 都 是 正确 的 ,但 在 C# 中 不 允许 这 样 ,会 出 现 “ 无 法 将 类 型 bool 隐 
式 转 换 为 int” 的 编译 错误 。 


6.2.2 引用 类 型 


C# 中 的 男 一 大 数据 类 型 是 引用 类 型 ,引用 类 型 也 称 为 参考 类 型 。 和 值 类 型 相 比 ,引用 类 
型 的 变量 不 直接 存储 所 包含 的 值 ,而 是 指向 它 所 要 存储 的 值 。 换 句 话说 , 值 类 型 变量 的 内 存 空 
间 中 存储 的 是 实际 数据 ,而 引用 类 型 变量 在 其 内 存 空间 中 存储 的 是 一 个 指针 ,该 指针 指向 存储 
数据 的 另 一 块 内 存 位 置 。 由 此 可 见 , 值 类 型 变量 的 内 存 开销 要 小 ,访问 速度 要 快 ,而 引用 类 型 
变量 的 内 存 开销 要 大 ,访问 速度 稍 慢 。 

引用 类 型 共 分 4 种 类 型 : 类 接口 .数组 、 委 托 等 。 

1. object 类 

object 是 C# 中 所 有 类 型 (包括 所 有 的 值 类 型 和 引用 类 型 ) 的 基 类 ,C# 中 的 所 有 类 型 都 直 
接 或 间接 地 从 object 类 中 继承 。 因 此 ,对 一 个 object 的 变量 可 以 赋予 任何 类 型 的 值 : 


object objl; // 定 义 objl 对 象 

objl = 1.23; 

object obj2 = "China" // 定 义 obj2 对 象 并 赋 初 值 
2. String 类 


C# 还 定义 了 一 个 String 类 ,表示 一 个 Unicode 字符 序列 ,专门 用 于 对 字符 串 的 操作 。 这 个 
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类 是 在 .NET Framework 的 命名 空间 System 中 定义 的 ,string 是 类 System. String 的 别名 。 
字符 串 在 实际 中 应 用 非常 广泛 ,利用 String 类 中 封装 的 各 种 内 部 操作 ,可 以 很 容易 完成 
对 字符 串 处 理 。 例 如 : 


string strl = "123" + "abc"; //" + "运算 符 用 于 连接 字符 串 


char c= "Hello World! "[1]; //"[]" 运 算 符 可 以 访问 string 中 的 单个 字符 ,c= 'e' 

string str2= "China"; 

string str3 = @"China"; // 用 @ 表 示 后 跟 一 个 严格 字符 串 , 其 中 \n 等 不 再 作为 转 义 符 
bool b= (str2 == str3); //" == "运算 符 用 于 两 个 字符 串 比 较 ,b = true 


6.2.3 变量 定义 


变量 是 在 程序 的 运行 过 程 中 其 值 可 以 发 生变 化 的 量 ,可 以 在 程序 中 使 用 变量 来 存储 各 种 
各 样 的 数据 ,并 对 它们 进行 读 、 写 ` 运 算 等 操作 。 

注意 : 不 同 于 JavaSerip,C 并 是 强 类 型 的 语言 ,在 定义 变量 前 必须 指定 数据 类 型 ,而 且 只 
能 赋 给 该 类 型 的 数据 值 。 

1. 变量 定义 方法 

在 C# 程 序 中 使 用 某 个 变量 之 前 ,必须 要 告诉 编译 器 它 是 一 个 什么 样 的 变量 ,通过 对 变量 
定义 来 完成 。 定 义 变量 的 方法 如 下 ; 

[访问 修饰 符 ] 数据 类 型 ”变量 名 [= 初始 值 ]; 

例如 ， 


string name = " 王 华 "; 

int a=1,b=2,c=3; 

变量 具有 作用 范围 ,C# 是 纯 面 向 对 象 的 语言 ,没有 像 C/C++ 中 那样 的 全 局 变量 ,只 能 在 
类 中 定义 变量 ,包括 类 字段 和 类 函数 成 员 中 定义 的 变量 ,前 者 的 作用 范围 是 整个 类 ,后 者 的 作 
用 范围 是 该 变量 所 在 的 函数 成 员 。 

2. 理解 值 类 型 的 变量 

在 定义 变量 时 ,如 果 指 定 变 量 的 类 型 是 值 类 型 ,那么 这 个 变量 就 是 值 类 型 的 变量 (或 值 变 
量 )。 值 变量 直接 把 值 存放 在 这 个 变量 名 标记 的 存储 位 置 上 , 值 类 型 的 变量 是 在 栈 空间 中 分 
配 的 。 

当 定 义 一 个 值 类 型 变量 并 且 给 它 赋 值 时 ,这 个 变量 只 能 存储 相同 类 型 的 数据 。 所 以 ,一 个 
int 类 型 的 变量 就 只 能 存放 int 类 型 的 数据 。 另 外 , 当 把 值 赋 给 某 个 值 类 型 a 


的 变量 时 , C# 首 先 创建 这 个 值 的 一 个 备份 ,然后 把 这 个 备份 放 在 变量 名 所 
标记 的 存储 位 置 上 。 例 如 : EE 
int x; Y 2 

int y=2; 
x=y; 
a 


在 这 段 代 码 中 , 当 把 变量 y 赋值 给 x 时 ,程序 会 创建 变量 y 的 值 的 备 
份 , 即 2, 然 后 把 这 个 值 放 到 x 中 ,如 图 6.1 所 示 。 如 果 后 面 的 程序 修改 了 y 


的 值 , 就 不 会 影响 x 的 值 。 en 
空间 分 配 


栈 空间 
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3. 理解 引用 类 型 的 变量 


在 定义 变量 时 ,如 果 指 定 变 量 的 类 型 是 引用 类 型 ,那么 这 个 变量 就 是 引用 类 型 的 变量 (或 
引用 变量 )。 引 用 表示 所 使 用 的 是 变量 或 对 象 的 地 址 而 不 是 变量 或 对 象 本 身 。 当 定义 引用 变 
量 时 ,程序 只 是 分 配 了 存放 这 个 引用 的 存储 空间 , 它 是 在 栈 空间 中 分 配 的 。 还 要 创建 对 象 实例 
并 把 该 实例 的 存储 地 址 赋 给 该 引用 变量 ,就 需要 使 用 new 操作 符 。 例 如 : 


MyClass pl; //MyClass 是 已 声明 的 类 或 类 型 


pl = new MyClass( ); 
MyClass p2 = pl; 


MyClass 类 实 


pi 
Pp 


OD 


堆 空 间 
栈 空间 


图 6.2 引用 类 型 变量 的 空间 分 配 


第 1 个 语句 定义 了 MyClass 类 的 一 个 引用 类 
型 变量 pl。 第 2 个 语句 使 用 new 操作 符 来 创建 
MyClass 类 实例 ,C# 会 在 堆 存 储 空间 中 分 配 该 实 
例 , 然 后 把 这 个 实例 的 地 址 赋 给 这 个 引用 变量 pl1， 
这 个 引用 变量 就 可 以 用 来 引用 堆 中 创建 的 那个 实 
例 了 。 第 3 个 语句 定义 了 MyClass 类 的 一 个 引用 
类 型 变量 p2, 并 让 它 指向 pl 所 指 的 MyClass 实 
例 。pl 和 p2 引用 变量 的 空间 分 配 如 图 6. 2 所 示 。 
通常 将 pl 和 它 所 指 的 MyClass 实例 称 为 pl 
对 象 。 


由 于 实例 是 在 堆 存 储 空间 中 分 配 的 ,在 程序 执行 时 ，.NET Framework 会 跟踪 堆 存 储 空 
间 , 一 旦 某 个 指向 实例 的 引用 变量 超出 了 作用 范围 ,就 自动 释放 该 实例 ,不 需要 程序 员 编 写 专 
门 的 代码 来 释放 实例 空间 ,从 而 达到 垃圾 自动 回收 的 目的 ,这 是 C# 的 优点 之 一 。 


6.3 C# 的 运算 符 


知识 梳理 


C# 常 用 的 运算 符 
CT 运算 符 的 优先 级 
装 箱 和 拆 箱 运算 


6.3.1 C# 常 用 的 运算 符 


C# 中 表达 式 由 运算 数 和 运算 符 组 成 ,运算 符 是 用 来 定义 类 实例 中 表达 式 运 算数 的 运算 。 
依照 运算 符 作用 的 运算 数 的 个 数 来 分 ,C# 中 共有 3 种 类 型 的 运算 符 : 

。 一 元 运算 符 : 一 元 运算 符 带 一 个 运算 数 并 使 用 前 缀 符 ( 如 一 x) 或 后 缀 符 ( 如 x 十 十 )。 

。 二 元 运算 符 : 二 元 运算 符 带 两 个 运算 数 并 且 全 部 使 用 中 组 符 ( 如 x 十 y)。 

。 三 元 运算 符 : 只 存在 唯一 一 个 三 元 运算 符 “?:”。 三 元 运算 符 带 三 个 运算 数 并 使 用 中 


缀 符 (c? x:y)。 
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下 面 分 别 给 出 使 用 运算 符 的 例子 : 

intx = 3; 

inty = 6; 

int 23 

X++ // 一 元 运算 符 
一 一 2 // 一 元 运算 符 
Ee // 二 元 运算 符 
y= (x<10?0:1); // 三 元 运算 符 


注意 : 最 后 一 行 代码 表示 当 x 二 10 成 立时 y 取 值 为 0, 否则 取 值 为 1。 
表 6.3 列 出 了 C# 所 支持 的 运算 符 。 


表 6.3 C# 中 的 运算 符 


运算 符 类 别 运 算 符 
算术 = 

逻辑 & |、&& | 

字符 串 串 连 十 

递增 .递减 寺 二 < 一 一 

移 位 <<.>> 

关系 == === 

赋值 水 三 汪 三 三 请 二 ER 一 = 
成 员 访问 

索引 口 

条 件 ?: 

委托 串 连 和 删除 十 = 一、 一 一 

创建 对 象 new 

类 型 信息 is\as,sizeof ,typeof 

溢出 异常 控制 checked unchecked 


6.3.2 运算 符 的 优先 级 


当 一 个 表达 式 包含 多 个 运算 符 时 ,运算 符 的 优先 级 控制 着 单个 运算 符 求 值 的 顺序 ,一 般 
地 , 先 执行 优先 级 高 的 运算 符 , 同 级 的 运算 符 按照 从 左 到 右 的 顺序 执行 ,括号 的 优先 级 最 高 。 
例如 ,对 于 表达 式 : 


:1 


首先 求 出 y x z, 然 后 将 结果 与 x 相 加 ,因为 * 的 优先 级 比 十 的 优先 级 要 高 。 如 果 需 要 调整 优 
先 级 ,可 以 使 用 括号 “()”。 例 如 ,需要 先 求 x 与 y 的 和 ,然后 再 将 结果 与 z 相 乘 , 则 可 以 编写 如 
下 表达 式 : 


(x+y)x*z 
还 有 考虑 运算 符 的 结合 性 ,函数 是 左 结合 的 ,其 优先 级 高 。 例 如 ,对 于 表达 式 : 
2#¥(3+5)=£(7) 


首先 计算 {(7) 的 值 ,接着 计算 (3 十 5) ,再 计算 2* (3 十 5) ,最 后 做 减法 运算 。 


160 电子 商务 网 站 开发 教程 一 一 基于 C# 十 ASP .NET 


表 6.4 总 结 了 常见 运算 符 从 高 到 低 的 优先 级 顺序 ,每 个 组 中 的 运算 符 具 有 相同 的 优先 级 。 
表 6.4 常见 运算 符 的 优先 级 
运算 符 类 别 运 算 符 运算 符 类 别 运 算 符 


i 
基 逻辑 “与 ” & 
本 typeof sizeof checked、unchecked -一 和 a 


一 元 二 一 1 十 十 二 一 一 CTIE | 天 辑 和 漳 号 ”| 二 “六 


乘法 xxyx/yx%y 逻辑 “或 ” thls 
加 法 一 条 件 “ 与 ” x&&y 
移 位 Ee 条 件 “ 或 ” x|lly 
关系 ”|x y.x<= yx>>=y 条 件 运算 ?: 
xx 一 yx 十 一 yx y\x * 一 y、 
相等 |x 一 一 yx! 一 y 赋值 运算 x/ 一 yx %= yx &= yx|= yx” 


y\x<<= y.x>>=y 


6.3.3 装 箱 和 拆 箱 运算 

装 箱 和 拆 箱 运算 是 C# 类 型 系统 中 重要 的 概念 。 通 过 装 箱 和 拆 箱 实现 值 类 型 和 引用 类 型 
数据 的 相互 转换 ,也 就 是 说 , 装 箱 和 拆 箱 运算 是 实现 值 类 型 和 引用 类 型 相互 转换 的 桥梁 。 

1， 装 箱 转换 

装 箱 转换 是 指 将 一 个 值 类 型 的 数据 隐 式 地 转换 成 一 个 引用 类 型 的 数据 。 把 一 个 值 类 型 装 
箱 ,就 是 创建 一 个 object 类 型 的 实例 ,并 把 该 值 类 型 的 值 复制 给 这 个 object 实例 。 

例如 ,下 面 的 语句 就 执行 了 装 箱 转换 : 


int i=10; 
object obj = i; // 装 箱 


2. 拆 箱 转换 


拆 箱 转换 是 指 将 一 个 引用 类 型 的 数据 显 式 地 转换 成 一 个 值 类 型 数据 。 
拆 箱 操作 分 为 两 步 : 首先 检查 对 象 实例 ,确保 它 是 给 定 值 类 型 的 一 个 装 箱 值 ; 然后 把 实 
例 的 值 复 制 到 值 类 型 数据 中 。 例 如 ,下 面 的 语句 就 执行 了 拆 箱 转 换 ; 


object obj = 10; 
int i= (int)obj; // 拆 箱 


拆 箱 转换 需要 (而 且 必 须 ) 执 行 显 式 转换 ,这 是 它 与 装 箱 转 换 的 不 同 之 处 。 


6.4 结构 体 类 型 和 枚 举 类 型 


结构 体 类 型 
结构 体 类 型 和 枚 举 类 型 


知识 梳理 


第 6 章 C# 编 程 基础 161 


6.4.1 结构 体 类 型 


结构 体 类 型 是 一 种 值 类 型 ,对 应 变量 的 值 保 存在 栈 内 存 区 域 。 

1. 结构 体 类 型 的 声明 

结构 体 类 型 由 若干 “成 员 ” 组 成 的 。 数 据 成 员 称 为 字段 ,每 个 字段 都 有 自己 的 数据 类 型 。 
声明 结构 体 类 型 的 一 般 格式 如 下 : 


struct 结构 体 类 型 名 称 
{ [字段 访问 修饰 符 ] 数据 类 型 字段 1; 
[字段 访问 修饰 符 ] 数据 类 型 字段 2; 


[字段 访问 修饰 符 ] 数据 类 型 字段 nj 
}; 


其 中 ,struct 是 结构 体 类 型 的 关键 字 。“ 字 段 访问 修饰 符 ” 主 要 取 值 有 public 和 private (默认 
值 ) ,public 表示 可 以 通过 该 类 型 的 变量 访问 该 字段 ,private 表示 不 能 通过 该 类 型 的 变量 访问 


该 字段 。 

例如 ,以 下 声明 一 个 具有 姓名 和 年 龄 的 结构 体 类 型 Student: 
struct Student // 声 明 结构 体 类 型 Student 
{public int xh; // 学 号 

public string xm; // 姓 名 

public string xb; // 性 别 

public int nl; // 年 龄 

public string bh; // 班 号 


} 


在 上 述 结构 体 类 型 声明 中 ,结构 体 类 型 名 称 为 Student。 该 结构 体 类 型 由 5 个 成 员 组 成 ， 
第 1 个 成 员 是 xh ,为 整 型 变量 ; 第 2 个 成 员 是 xm, 为 字符 串 类 型 ; 第 3 个 成 员 是 xb ,为 字符 串 
类 型 ; 第 4 个 成 员 是 nl ,为 整 型 变量 ; 第 5 个 成 员 是 bh ,为 字符 串 类 型 。 

2. 结构 体 类 型 变量 的 定义 

声明 一 个 结构 体 类 型 后 ,可 以 定义 该 结构 体 类 型 的 变量 (简称 为 结构 体 变量 )。 定 义 结构 
体 变 量 的 一 般 格式 如 下 : 

结构 体 类 型 结构 体 变量 ; 


例如 ,在 前 面 的 结构 体 类 型 Student 声明 后 ,定义 它 的 两 个 变量 如 下 : 


Student sl1, s2; 


3. 结构 体 变 量 的 使 用 

结构 体 变 量 的 使 用 主要 包括 字段 访问 和 赋值 等 ,这 些 都 是 通过 结构 体 变量 的 字段 来 实 
现 的 。 

(1) 访问 结构 体 变量 字段 

访问 结构 体 变量 字段 的 一 般 格式 如 下 : 


结构 体 变 量 名 .字段 名 
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例如 ,sl. xh 表示 结构 体 变 量 sl 的 学 号 ,s2. xm 表示 结构 体 变量 s2 的 姓名 。 
(2) 结构 体 变量 的 赋值 

结构 体 变 量 的 赋值 有 两 种 方式 : 

。 结构 体 变量 的 字段 赋值 : 使 用 方法 与 普通 变量 相同 。 

。 结构 体 变量 之 间 赋 值 : 要 求 赋 值 的 两 个 结构 体 变量 必须 类 型 相同 ,例如 : 


这 样 s2 的 所 有 字段 值 赋 给 sl 的 对 应 字段 。 
6.4.2 枚 举 类 型 


枚 举 类 型 也 是 一 种 自 定义 数据 类 型 ,允许 用 符号 代表 数据 。 枚 举 是 指 程序 中 某 个 变量 具 
有 一 组 确定 的 值 ,通过 “ 枚 举 " 可 以 将 其 值 一 一 列 出 来 。 这 样 ,使 用 枚 举 类 型 ,就 可 以 将 常用 颜 
色 用 符号 Red、Green、Blue、White、Black 来 表示 ,从 而 提高 了 程序 的 可 读 性 。 

1. 枚 举 类 型 的 声明 

枚 举 类 型 使 用 enum 关键 字 声 明 ,其 一 般 语法 形式 如 下 : 

enum 枚 举 名 { 枚 举 成 员 1, 枚 举 成 员 2, …} 


其 中 ,enum 是 枚 举 体 类 型 的 关键 字 。 例 如 ,以 下 声明 一 个 名 称 为 color 的 表示 颜色 的 枚 举 
类 型 ; 


enum Color {Red, Green, Blue, White, Black} 
在 声明 枚 举 类 型 后 ,可 以 通过 枚 举 名 来 访问 枚 举 成 员 ,其 使 用 语法 如 下 ， 
枚 举 名 . 枚 举 成 员 


2. 枚 举 成 员 的 赋值 

在 声明 的 枚 举 类 型 中 ,每 一 个 枚 举 成 员 都 有 一 个 相对 应 的 常量 值 ,默认 情况 下 C# 规 定 第 
1 个 枚 举 成 员 的 值 取 0, 它 后 面 的 每 一 个 枚 举 成 员 的 值 按 加 上 1 递增 。 例如 ,前 面 Color 中 ， 
Red 值 为 0,Green 值 为 1,Blue 值 为 2, 依 次 类 推 。 

可 以 为 一 个 或 多 个 枚 举 成 员 赋 整 型 值 , 当 某 个 枚 举 成 员 赋 值 后 ,其 后 的 枚 举 成 员 没 有 赋值 
的 话 , 它 自动 在 前 一 个 枚 举 成 员 值 之 上 加 1。 例 如 : 


enum Color { Red= 0, Green, Blue = 3, White, Black = 1}; 
则 这 些 枚 举 成 员 的 值 分 别 为 0、1、3、4.、1。 
3. 枚 举 类 型 变量 的 定义 


声明 一 个 枚 举 类 型 后 ,可 以 定义 该 枚 举 类 型 的 变量 (简称 为 枚 举 变 量 )。 定 义 枚 举 变量 的 
一 般 格式 如 下 : 


枚 举 类 型 枚 举 变 量 ; 
例如 ,在 前 面 的 枚 举 类 型 Color 声明 后 .定义 它 的 两 个 变量 如 下 : 


Color cl1,c2; 
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4. 枚 举 变 量 的 使 用 

枚 举 变量 的 使 用 赋值 和 访问 等 。 
(1) 枚 举 变量 的 赋值 

枚 举 变量 赋值 的 语法 格式 如 下 : 


枚 举 变量 = 枚 举 名 . 枚 举 成 员 
例如 : 
cl = Color. Red; 


(2) 枚 举 变 量 的 访问 
枚 举 变 量 像 普通 变量 一 样 直接 访问 。 
6.5 C# 的 控制 语句 


知识 梳理 


| 
6.5.1 选择 控制 语句 


C# 中 的 选择 控制 语句 有 [语句 \if-else 语句 .ifelse if 语句 和 switch 语句 ,它们 根据 指定 
条 件 的 真 假 值 确定 执行 哪些 简单 语句 ,其 中 简单 语句 既 可 以 是 单个 语句 ,也 可 以 是 用 *{)” 括 起 
来 的 复合 语句 。 
1. if 语句 
让 诸 句 用 于 在 程序 中 有 条 件 地 执行 某 一 诸 句 序列 ,其 基本 语法 格式 如 下 : 
证 (条 件 表达 式 ) 语句 ; 
其 中 ,“ 条 件 表达 式 " 是 一 个 关系 表达 式 或 逻辑 表达 式 , 当 “ 条 件 表达 式 " 为 true 时 ,执行 后 面 的 
“语句 ”。 
2. if-else 语句 
如 果 和 希望 话语 句 在 “条 件 表达 式 ?” 为 true 和 false 时 分 别 执行 不 同 的 语句 , 则 用 else 来 引 
入 条 件 表达 式 为 false 时 执行 的 语句 序列 ,这 就 是 if-else 语句 , 它 根据 不 同 的 条 件 分 别 执行 不 
同 的 语句 序列 ,其 语法 形式 如 下 : 
if (条 件 表达 式 ) 
语句 1; 
else 
语句 2; 


其 中 的 “条 件 表达 式 ” 是 一 个 关系 表达 式 或 逻辑 表达 式 。 当 “条 件 表达 式 ” 为 true 时 执行 “语句 
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1”; 当 “ 条 件 表达 式 ” 为 false 时 执行 “语句 2”。 
3. if-else if 语句 
if-elseif 语句 用 于 进行 多 重 判 断 , 其 语法 形式 如 下 : 


证 (条 件 表达 式 1) 语句 1; 
else if (条 件 表达 式 2) 语句 2; 


else if (条 件 表达 式 a) 语句 
else 语句 n+1; 


先 计算 “条 件 表达 式 1” 的 值 。 如 果 为 true, 则 执行 “语句 1”; 如 果 “ 条 件 表达 式 1” 的 值 为 
false, 则 继续 计算 “条 件 表达 式 2” 的 值 。 如 果 为 true, 则 执行 “语句 2”; 如 果 “ 条 件 表达 式 2” 值 
为 false, 则 继续 计算 “条 件 表达 式 3” 的 值 , 依 此 类 推 。 如 果 所 有 条 件 中 给 出 的 表达 式 值 都 为 
false, 则 执行 else 后 面 的 “语句 n 十 1”。 如 果 没 有 else, 则 什么 也 不 做 , 转 到 该 if-else if 语句 后 
面 的 语句 继续 执行 。 

例如 ,如 下 Buttonl_Click 事件 处 理 方 法 就 是 采用 if-elseif 语句 ,将 用 户 在 文本 框 
TextBoxl 中 输入 的 学 生 分 数 转换 成 等 级 ,并 在 文本 框 TextBox2 中 显示 出 来 : 


protected void Button1_Click(object sender, EventArgs e) 
{ int n; 
if (TextBox1. Text!= "") 
{ n= int.Parse(TextBoxl.Text); 
if (n>= 90) 
TextBox2. Text = "优秀"; 
else if (n>= 80) 
TextBox2.Text = "优良 "; 
else if (n>= 70) 
TextBox2. Text = "中 等 "; 
else if (n >= 60) 
TextBox2.Text = "及 格 "; 
else 
TextBox2. Text = "不 及 格 "; 


} 


说 明 : C# 和 JavaScript 一 样 ,也 是 基于 事件 编程 的 ,通常 事件 处 理 方法 都 有 sender 和 e 
两 个 参数 ,其 中 sender 参数 传递 引发 事件 的 对 象 的 引用 ,e 参数 传递 特定 于 要 处 理 的 事件 的 
对 象 。 

4. switch 语句 

switch 语句 也 称 为 开关 语句 ,用 于 有 多 重 选择 的 场合 ,用 于 测试 某 一 个 变量 具有 多 个 值 
时 所 执行 的 动作 。switch 语句 的 语法 形式 如 下 : 

switch (表达 式 ) 


{ ”case 常量 表达 式 1: 语句 1; 
case 常量 表达 式 2: 语句 2; 


ease 常量 表达 式 n: 语句 nn; 
default: 语 句 n+17 
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switch 语句 控制 传递 给 与 “表达 式 ” 值 匹配 的 case 块 。switch 语句 可 以 包括 任意 数目 的 
case 块 ,但 是 任何 两 个 case 块 都 不 能 具有 相同 “常量 表达 式 ” 值 。 请 句 体 从 选 定 的 语句 开始 执 
行 , 直 到 break 语句 将 控制 传递 到 case 块 以 外 。 在 每 一 个 case 块 ( 包 括 default 块 ) 的 后 面 ,都 
必须 有 一 个 跳 转 语句 (如 break 语句 )。C# 不 支持 从 一 个 case 块 显 式 贯 穿 到 另 一 个 case 块 
(这 一 点 与 C++ 中 的 switch 语句 不 同 )。 但 有 一 个 例外 , 当 case 语句 中 没有 代码 时 ,可 以 不 包 
含 break 语句 。 

如 果 没 有 任何 case 表达 式 与 开关 值 匹配 , 则 控制 传递 给 跟 在 可 选 default 标签 后 的 语句 。 
如 果 没 有 default 标签 , 则 控制 传递 到 switch 语句 以 外 。 

例如 ,如 下 Buttonl _Click 事件 处 理 方法 就 是 采用 switch 语句 ,将 用 户 在 文本 框 
TextBoxl 中 输入 的 学 生 分 数 转 换 成 等 级 ,并 在 文本 框 TextBox2 中 显示 出 来 : 


protected void Buttonl_ Click(object sender, EventArgs e) 
{ int n; 
证 (TextBox1. Text!= "") 
{ n = int.Parse(TextBoxl. Text); 
switch(n/10) // 整 除 
{ case 9: TextBox2.Text = "优秀 "; break; 
case 8: TextBox2. Text = "优良 ";break; 
case 7: TextBox2. Text = "中 等 ";break; 
case 6: TextBox2.Text = "及 格 ";break; 
default: TextBox2. Text = "不 及 格 "; break; 


} 


6.5.2 循环 控制 语句 


C# 中 的 循环 控制 语句 有 while .do-while 和 for 语句 ,另外 ,break 和 continue 语句 用 于 结 
束 整 个 循环 和 结束 当前 一 趟 循环 。 
1，while 语句 
while 语句 的 一 般 语法 格式 如 下 : 
while (条 件 表达 式 ) 语 句 ; 
当 “ 条 件 表达 式 ” 的 运算 结果 为 true 时 , 则 重复 执行 “语句 ”。 每 执行 一 次 “语句 ”后 ,就 会 
重新 计算 一 次 “条 件 表达 式 ”, 当 该 表达 式 的 值 为 false 时 ,while 循环 结束 。 
例如 ,如 下 Buttonl_Click 事件 处 理 方法 就 是 采用 while 语句 , 求 1~n 之 和 (其 中 由 用 
户 在 文本 框 TextBoxl 中 输入 ) ,并 将 结果 在 文本 框 TextBox2 中 显示 。 
protected void Button1_Click(object sender, EventArgs e) 
{ int n,i=1,s=0; 
if (TextBoxl. Text!= "") 
{ n= int.Parse(TextBoxl.Text); 
while (i<= n) 
4 te 
i++; 
} 
TextBox2. Text = string.Format("{0}",s); 
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} 


2. do-while 语句 

do-while 语句 的 一 般 语 法 格式 如 下 : 

do 

{ 语句; 

} while (条 件 表达 式 ); 

do-while 语句 每 一 次 循环 执行 一 次 “语句 ”, 然 后 计算 “条 件 表达 式 ” 是 否 为 true, 如 果 是 ， 
则 继续 执行 循环 ,否则 结束 循环 。 与 while 语句 不 同 的 是 ,do-while 循环 中 的 “语句 ”至 少 会 执 
行 一 次 ,而 while 语句 当 条 件 第 一 次 就 不 满足 时 ,语句 一 次 也 不 会 被 执行 。 

例如 ,如 下 Buttonl_Click 事件 处 理 方法 就 是 采用 do-while 语句 , 求 1~mnm 之 和 (其 中 由 
用 户 在 文本 框 TextBoxl 中 输入 ) ,并 将 结果 在 文本 框 TextBox2 中 显示 。 


protected void Buttonl Click(object sender, EventArgs e) 
{ intn,i=1,s=0; 
证 (TextBox1l. Text!= "") 
{ n= int,Parse(TextBoxl.Text); 
do 
{ += 
i++ 
} while (i<= n); 
TextBox2. Text = string.Format("{0}",s); 
} 
} 


3. for 语句 

for 语句 通常 用 于 预先 知道 循环 次 数 的 情况 ,其 一 般 语法 格式 如 下 : 

for (表达 式 1; 表 达 式 2; 表 达 式 3) 语句 ; 
其 中 ,表达 式 1” 可 以 是 一 个 初始 化 语句 ,一 般 用 于 对 一 组 变量 进行 初始 化 或 赋值 。“ 表 达 式 
2” 用 作 循 环 的 条 件 控制 , 它 是 一 个 条 件 或 逻辑 表达 式 , 当 其 值 为 true 时 ,继续 下 一 次 循环 ; 当 
其 值 为 false 时 , 则 终止 循环 。“ 表 达 式 3” 在 每 次 循环 执行 完 后 执行 ,一 般 用 于 改变 控制 循环 
的 变量 。“ 请 句 "在 “表达 式 2” 为 true 时 执行 。 具 体 来 说 ,for 循环 的 执行 过 程 为 : 

@ 执行 “表达 式 1”。 

@ 计算 “表达 式 2” 的 。 

@ 如 果 “ 表 达 式 2” 的 值 为 true, 先 执行 后 面 的 “语句 ”, 再 执行 “表达 式 3”, 然 后 转向 步骤 
四; 如 果 “* 表 达 式 2” 的 值 为 false, 则 结束 整个 for 循环 。 

例如 ,如 下 Buttonl_Click 事件 处 理 方法 就 是 采用 for 语句 . 求 1~~n 之 和 (其 中 n 由 用 户 
在 文本 框 TextBoxl 中 输入 ) ,并 将 结果 在 文本 框 TextBox2 中 显示 : 

protected void Button1_Click(object sender, EventArgs e) 

{ int n,i,s=0; 

if (TextBoxl. Text!= "") 
{ n= int.Parse(TextBoxl.Text); 
for (i1=1;4<= nitt) 
i 
TextBox2. Text = string.Format("{0}",s); 
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} 


另外 ,C 井 还 提供 了 foreach 循环 语句 ,与 for 循环 语句 类 似 ,用 于 对 容器 中 的 元 素 进行 遍 
历 。 其 使 用 语法 格式 如 下 : 
foreach( 数 据 类 型 标识 符 in 表达 式 ) 
语句 ; 
其 中 ,“ 表 达 式 ”指定 要 遍历 的 容器 ,包括 C 间 数组 ,System. Collection 名 称 空间 的 集合 ,以 及 用 
户 定义 的 集合 等 。 例 如 : 
int[] a= {1,2,3}; 
foreach(int t in a) // 每 执行 一 次 ,循环 变量 上 依次 取 集合 中 的 一 个 元 素 
{ 
// 对 变量 t 进行 读 操作 
} 
上 述 代码 的 运行 效果 就 是 依次 遍历 数组 a 的 所 有 元 素 , 将 数组 a 的 各 元 素 依次 赋值 给 变 
县 t。 
4. break 和 continue 语句 
break 语句 将 使 程序 从 当前 的 循环 语句 (do、while 和 for) 内 跳 转 出 来 ,接着 执行 循环 语句 
后 面 的 语句 。break 语句 还 可 以 用 于 从 switch 语句 中 跳出 ,接着 执行 switch 语句 后 面 的 
请 


continue 语句 也 用 于 循环 语句 , 它 类 似 于 break, 但 它 不 是 结束 整个 循环 ,而 是 结束 循环 语 
句 的 当前 一 次 循环 ,接着 执行 下 一 次 循环 。 在 while 和 do-while 循环 语句 中 ,执行 控制 权 转 至 
对 “条 件 表达 式 ” 的 继续 判断 ,在 for 语句 中 , 转 去 执行 “表达 式 2”。 另 外 ,不 同 于 break 语句 ， 
continue 请 句 不 能 用 于 switch 语句 中 。 


6.6 C# 的 数组 和 集合 


知识 梳理 
- 维 数组 
CCG% 的 数组 和 集合 二 维 数组 
集合 
6.6.1 一 维 数组 


1. 一 维 数组 的 定义 
定义 一 维 数组 的 语法 格式 如 下 : 
数组 类 型 [] 数组 名 ; 
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其 中 ,“ 数 据 类 型 ”为 C# 中 合法 的 数据 类 型 ;“ 数 组 名 ”为 C# 中 合法 的 标识 符 。 
例如 ,如 下 语句 定义 了 双 精 度数 组 a: 


double[ ] a; 


在 定义 数组 后 ,必须 对 其 进行 初始 化 才能 使 用 。 初 始 化 数组 有 两 种 方法 : 动态 初始 化 和 
静态 初始 化 。 
说 明 : 不 同 于 JavaScript 中 的 数组 ,C 并 中 的 数组 所 有 元 素 的 数据 类 型 必须 相同 。 


2. 一 维 数组 的 动态 初始 化 

动态 初始 化 需要 借助 new 运算 符 , 为 数组 元 素 分 配 内 存 空间 ,并 为 数组 元 素 赋 初 值 ,数值 
类 型 初始 化 为 0, 布 尔 类 型 初始 化 为 false, 字 符 串 类 型 初始 化 为 null。 

动态 初始 化 数组 的 格式 如 下 

数组 类 型 [] 数组 名 = new 数据 类 型 [n] {元 素 值 , ,元 素 值 ,,… ,元 素 值 -,}; 
其 中 ,“ 数 组 类 型 "是 数组 中 数据 元 素 的 数据 类 型 ; n 为 “数组 长 度 ”, 可 以 是 整 型 常量 或 变量 ， 
后 面 一 层 大 括号 为 初始 值 部 分 。 

3. 一 维 数组 的 静态 初始 化 

静态 初始 化 数组 时 ,必须 与 数组 定义 结合 在 一 起 ,否则 会 出 错 。 静 态 初始 化 数组 的 格式 
如 下 : 

数据 类 型 [] 数组 名 = {元 素 值 ,, 元素 值 ,, … ,元 素 值 ,-;}; 

例如 ,以 下 语句 是 对 整 型 数组 a 的 静态 初始 化 。 


int[] a= {1,2,3,4,5}; 
4. 访问 一 维 数组 中 的 元 素 


为 了 访问 一 维 数组 中 的 某 个 元 素 , 需 指定 数组 名 称 和 数组 中 该 元 素 的 下 标 ( 或 索引 )。 所 
有 元 素 下 标 从 0 开始 ,到 数组 长 度 减 1。 例 如 ,以 下 语句 输出 数组 a 的 所 有 元 素 值 : 


for (i=0;i<5;it+) 


// 输 出 a[i] 的 值 ; 
6.6.2 二 维 数组 
1. 二 维 数组 的 定义 


定义 二 维 数组 的 语法 格式 如 下 : 
数组 类 型 [,] 数组 名 ; 


其 中 ,数据 类 型 为 C# 中 合法 的 数据 类 型 ;“ 数 组 名 ”为 C# 中 合法 的 标识 符 。 
例如 ,以 下 语句 定义 了 3 个 二 维 数组 , 即 整 型 数组 x、 双 精度 数组 y 和 字符 串 数组 z。 
FE 


double[,] y; 
string[,] z; 


对 于 多 维 数组 ,可 以 作 类 似 的 推广 。 例 如 ,以 下 语句 定义 了 一 个 三 维 数组 p。 
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int[,,] p; 


2. 二 维 数组 的 动态 初始 化 
动态 初始 化 二 维 数组 的 格式 如 下 : 


数据 类 型 [, ] 数组 名 = new 数据 类 型 [nm][n]{ {元 素 值 ,.o, 元 素 值 ,, ,… ,元 素 值 。*-:}, 
{元 素 值 ,。, 元 素 值 ,,,,… ,元 素 值 ,,,-,}, 


{ 元 素 值 .- ,。, 元 素 值 。- ,:，… ,元 素 值 -3,1}}; 


其 中 ,“ 数 组 类 型 "是 数组 中 数据 元 素 的 数据 类 型 ; m、n 分 别 为 行 数 和 列 数 。 即 各 维 的 长 度 ,可 
以 是 整 型 常量 或 变量 ; 后 面 两 层 大 括号 中 为 初始 值 部 分 。 


(1) 不 给 定 初 始 值 的 情况 
如 果 不 给 出 初始 值 部 分 ,各 元 素 取 默认 值 。 例 如 : 


int[,] a = new int[2,3]; 


该 数组 各 数组 元 素 均 取 默 认 值 0。 

(2) 给 定 初始 值 的 情况 

如 果 给 出 初始 值 部 分 ,各 元 素 取 相应 的 初 值 ,而 且 给 出 的 初 值 个 数 与 对 应 的 “数组 长 度 " 相 
此 时 可 以 省 略 “ 数 组 长 度 ”, 因 为 后 面 的 大 括号 中 已 列 出 了 数组 中 的 全 部 元 素 。 例 如 ， 


int[,] a = new int[2,3]{{1,2,3},{4,5,6}}; 


int[,] a = new int[,]{{1,2,3},{4,5,6}}; 


3. 二 维 数组 的 静态 初始 化 
静态 初始 化 数组 时 ,必须 与 数组 定义 结合 ,否则 会 出 错 。 静 态 初始 化 数组 的 格式 如 下 : 


数据 类 型 [, ] 数组 名 = {{ 元 素 值 ,。, 元 素 值 ,.:,… ,元 素 值 ,,,-:}， 
{ 元 素 值 ,。， 元 素 值 ,:，… ,元 素 值 ,。-:}, 


{ 元 素 值 。，。 元 素 值 。，，， ~… ,元素 值 ,2.61}}; 
例如 ,以 下 语句 是 对 整 型 数组 b 的 静态 初始 化 。 
int[,] b= {{1,2,3},{4,5,6}}; 
4. 访问 二 维 数组 中 的 元 素 
为 了 访问 二 维 数组 中 的 某 个 元 素 , 需 指定 数组 名 称 和 数组 中 该 元 素 的 行 下 标 和 列 下 标 。 


例如 ,以 下 语句 输出 数组 b 的 所 有 元 素 值 。 


for (i=0;i<2;it+) 
for (j=0;j<3;j++ 
// 输 出 b[i,j] 的 值 


对 于 多 维 数组 ,也 可 以 使 用 foreach 语句 来 循环 访问 每 一 个 元 素 。 例 如 : 


int[,] c = new int[3, 2]{{1,2},{3,4}, {5,6}}; 
foreach (int i inc) 
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// 输 出 的 值 
除了 一 维 数组 和 二 维 数组 外 ,C 并 还 提供 了 多 维 数组 和 交错 数组 等 。C 间 中 的 数组 都 是 

Array 类 对 象 ,该 类 提供 一 些 方法 ,用 于 创建 .处 理 、 搜 索 数 组 并 对 数组 进行 排序 ,从 而 充当 所 

有 数组 的 基 类 。 

6.6.3 集合 


在 定义 数组 时 要 指定 数组 大 小 ,如 果 需 要 动态 地 增加 数组 大 小 ,可 以 使 用 ArrayList 类 ， 
ArrayList 类 对 象 也 称 为 集合 ,能 够 实现 数组 的 复杂 运算 ,位 于 System. Collections 命名 空间 。 
ArrayList 类 的 常见 属性 和 方法 如 表 6. 5 所 示 。 
表 6.5 ArrayList 类 的 常用 属性 和 方法 


成 员 类 型 名 称 说 明 

属性 Item 获取 或 设置 位 于 指定 索引 处 的 元 素 
Count 获取 ArrayList 中 实际 包含 的 元 素 个 数 
Add 将 对 象 添加 到 ArrayList 的 结尾 处 
Insert 将 元 素 插 入 ArrayList 的 指定 索引 处 

方法 Remove 从 ArrayList 中 移 除 特定 对 象 的 第 一 个 匹配 项 
Sort() 对 整个 ArrayList 中 的 元 素 进 行 排序 
Sort(IComparer) 使 用 指定 的 比较 器 对 整个 ArrayList 中 的 元 素 进行 排序 


例如 ,如 下 代码 创建 一 个 ArrayList 类 对 象 myset, 添 加 4 个 元 素 , 并 通过 foreach 语句 遍 
历 myset 中 的 所 有 元 素 : 


ArrayList myset = new ArrayList(); 
myset. Add(1); 

myset. Add("Mary" ); 

myset. Add( "2"); 

myset. Add( "Smith" ); 

foreach (var item in myset) 


// 输 出 item 元素 


6.7 异常 处 理 和 命名 空间 


知识 梳理 


异常 处 理 
异常 处 理 和 命名 空间 
命名 空间 
6.7.1 异常 处 理 


为 了 保证 程序 更 加 完备 ,经 常 在 程序 中 会 使 用 到 异常 处 理 语句 try-catch-finally, 其 使 用 
语法 格式 如 下 : 


第 6 章 CH# 编 程 基础 171 


try 
{ 被 保护 的 语句 块 ; } 
catch( 异 常 对 象 声 明 ) 
{ 捕获 到 异常 时 执行 的 语句 块 ; } 
finally 
{ 完成 善后 工作 的 语句 块 ; } 
其 中 ,各 部 分 的 说 明 如 下 : 
。 try 块 : 封装 了 程序 要 执行 的 代码 ,如 果 只 这 段 代码 的 过 程 中 出 现 错误 或 异常 情况 ,就 
会 抛 出 一 个 异常 。 

。 catch 块 : 在 try 块 的 后 面 ,封装 了 处 理 在 try 代码 块 中 出 现 错误 所 采取 的 措施 。 可 以 
有 多 个 catch 块 用 来 捕获 不 同类 型 的 异常 。 
finally 块 : 该 块 是 可 选 的 ,如 果 有 , 它 放 在 catch 之 后 ,无 论 try 块 是 否 有 异常 ,这 个 块 
中 的 代码 都 要 执行 。 另 外 ,不 能 跳出 finally 块 ,如 果 采 用 跳 转 语句 要 跳出 try 块 , 仍 要 
执行 finally 块 。 

【 练 一 练 】 创建 好 本 章 的 文件 系统 空 网 站 CH6 ,设计 一 个 检测 两 个 整数 除法 运算 错误 的 
网 页 webforml. aspx, 做 除法 运算 的 两 个 正 整数 由 用 户 输入 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH6 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH6” 对 话 框 ,在 中 
间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webforml. aspx, 其 他 保持 默认 项 (采用 代码 隐藏 
模型 ) , 单 击 “ 添 加 ”按钮 。 

@ 该 网 页 的 设计 界面 如 图 6. 3 所 示 , 其 中 其 中 包 
含 两 个 HTML 文字 ,一 个 标签 Labell、 两 个 文本 框 (ID 
为 TextBoxl 一 TextBox2) 和 一 个 命令 按钮 Buttonl 。 

注意 ; 在 ASP .NET 网 页 界面 设计 过 程 中 ,可 以 采 


用 前 面 几 童 介绍 的 HTML 和 CSS 进行 界面 美化 设计 。 ‘ts111 = 
os et 控件 ,出 现代 码 编辑 窗口 ,输入 以 图 6.3 webforml 网 页 设计 界面 


protected void Buttonl_Click(object sender, EventArgs e) 
{ int a, b, c; 
string mystr = ""; 
try 
{ a= int.Parse(TextBoxl.Text); 
b = int.Parse(TextBox2.Text); 
c = a/b; 
mystr = string.Format("{0}",c); 
} 
catch(DivideBYZeroException ex) 
{ mystr = ex.Message; } 
finally 
{ Labell.Text = "结果 :" + mystr; } 
} 


其 中 ,DivideByZeroException 是 除 零 异常 类 , Exception 是 异常 类 ,前 者 是 从 后 者 派生 的 。 


Exception 类 包含 Message 属性 ,在 出 现 异常 时 包含 相应 的 错误 信息 。 
注意 : C 井 脚本 代码 是 在 服务 器 端 执行 的 ,可 以 访问 服务 器 控件 的 内 容 , 而 本 网 页 中 的 
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TextBoxl、TextBox2 和 Labell 等 控件 都 有 runat 一 "server" 属 性 设置 ,表示 它们 都 是 服务 器 
控件 ,所 以 可 以 直接 访问 。 如 果 使 用 JavaScript 脚本 代码 ,由 于 JavaScript 脚本 代码 是 在 客户 
端 执行 的 ,因此 不 能 直接 访问 这 些 服务 器 控件 的 内 容 。 这 就 是 C 井 脚本 代码 和 JavaScript 脚 
本 代码 的 区 别 之 一 。 

@ 单 击 工具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ,在 “被 除数 ”文本 框 中 输入 100 ,在 “ 除 
数 ” 文 本 框 中 输入 20, 单 击 “ 确 定 ” 按 钮 ,没有 出 现 异常 ,mystr 中 保存 5, 其 结果 如 图 6.4 所 示 。 

若 在 “被 除数 ”文本 框 中 输入 100, 在 “除数 ”文本 框 中 输入 0, 单 击 “ 确 定 ” 按 钮 ,会 出 现 异 
常 ,被 catch 子 句 检测 到 ,会 修改 mystr 的 值 (此 时 为 “尝试 除 以 零 ”) ,其 结果 如 图 6. 5 所 示 。 
从 中 看 到 ,不 论 是 否 出 现 异 常 , 都 会 执行 finally 中 包含 的 语句 。 


Bre/eehona%w pc] 而 去 
钨 localhos x EE 
被 除 教 : |100 除 教 : [20 
结果 :5 结果 :尝试 除 以 罕 。 
图 6.4 webforml 网 页 执行 界面 一 图 6.5 webforml 网 页 执行 界面 二 


6.7.2 命名 空间 


在 C# 编 程 中 总 会 使 用 到 .NET 类 库 , 它 是 一 个 含有 上 千 个 类 ,接口 和 值 类 型 的 库 , 提 供 
了 对 系统 功能 的 访问 ,是 创建 Web 应 用 程序 等 的 基础 。 其 中 所 有 的 类 按 逻 辑 关系 进行 分 类 ， 
也 就 是 命名 空间 ,命名 空间 提供 了 一 种 组 织 相关 类 和 其 他 类 型 的 方式 。 与 文件 或 组 件 不 同 , 命 
名 空间 是 一 种 迎 辑 组 合 ,而 不 是 物理 组 合 。 在 C# 文 件 中 定义 类 时 ,可 以 把 它 包括 在 命名 空间 定 
义 中 。 以 后 在 定义 另 一 个 类 ,在 另 一 个 文件 中 执行 相关 操作 时 ,就 可 以 在 同一 个 命名 空间 中 包含 
它 ,创建 一 个 逻辑 组 合 , 告 诉 使 用 类 的 其 他 开发 人 员 这 两 个 类 是 如 何 相关 的 以 及 如 何 使 用 它们 。 

使 用 命名 空间 有 两 种 方式 ,一 种 是 使 用 别名 指令 为 命名 空间 定义 别名 ,此 后 的 程序 语句 就 
可 以 使 用 这 个 别名 来 代替 定义 的 这 个 命名 空间 ; 另 一 种 是 通过 using 关键 字 引用 命名 空间 ， 
把 该 命名 空间 中 的 类 型 导 和 到 包含 这 个 using 语句 的 命名 空间 中 ,这样 就 可 以 直接 使 用 命名 
空间 中 的 类 型 的 名 称 。 例 如 : 


using System; 


这 个 语句 就 是 引用 System 命名 空间 。 这 样 在 程序 中 可 以 使 用 System 命名 空间 中 包含 
的 类 或 结构 体 等 。 在 前 面 所 有 示例 中 ,进入 代码 编辑 窗口 时 ,其 开头 部 分 默认 包含 如 下 语句 : 


using System; 

using System. Collections. Generic; 
using System.Linq7 

using System. Web; 

using System. Web. UI; 

using System. Web. UI. WebControls; 


这 是 引用 .NET Framework 的 命名 空间 ,其 说 明 如 下 : 
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。 System: 提供 基本 类 。 


。 System. Collections. Generic: 提供 集合 类 。 

。 System. Linq: 提供 用 于 LINQ 的 类 。 

。 System. Web: 提供 使 浏览 器 与 服务 器 相互 通信 的 类 和 接口 。 

。 System. Web. UI: 提供 用 于 创建 Web 应 用 程序 用 户 界面 的 类 和 接口 。 

。 System. Web. UI WebControls: 提供 在 Web 窗 体 上 创建 Web 服务 器 控件 的 类 。 

其 实 上 述 引 用 并 非 所 有 的 网 页 都 是 需要 的 ,对 于 这 些 网 页 的 设计 ,只 需要 引用 System 命 
名 空间 就 可 以 了 。 开 发 人 员 可 以 根据 需要 添加 或 修改 。 

在 网 页 代码 文件 . aspx. cs 中 ,在 任何 空白 处 右 击 , 在 弹出 的 快捷 菜单 中 选择 “组 织 using| 
移 去 未 使 用 的 using” 命 令 , 如 图 6.6 所 示 , 即 可 删除 网 页 中 没有 使 用 的 命名 空间 的 引用 请 句 。 


[3 可 看 设计 总 (D) 
重 构 (R) 
组 织 using(O) 

所。 运行 测试 
调试 测 坛 (D) 

要 ”插入 代码 自 们 - 

要 外 仙人 三 (S)… 

记 ” 转 到 定义 (G) 
查找 所 有 引用 (A) 

全 坦 看 调用 层次 结构 (H) 
疡 点 (B) 

运行 到 光标 处 (N) 

将 奈 29 妖 程 运行 到 光标 处 (月 

交 更 切 

印 复制 

办 粘贴 P) 


大 网 显示 (L) 


Shift+F7 
» 
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Ced+R Ctr+T 移 除 和 排序 (A) 


CurltK X 
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Ctrl+X 
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图 6.6 选择 “组 织 using| 移 去 未 使 用 的 using” 命 令 


6.8 面向 对 象 程序 设计 


知识 梳理 


面向 对 象 程序 设计 


设计 类 


创建 类 对 象 


构造 函数 和 析 构 函数 


静态 成 员 


属性 设计 


方法 设计 


委托 和 事件 
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6.8.1 设计 类 

从 计算 机 语言 角度 来 说 ,类 是 一 种 数据 类 型 .包含 数据 成 员 和 操作 数据 成 员 的 方法 ,而 对 
象 是 具有 这 种 类 型 的 变量 。 

1. 类 的 声明 

类 的 声明 语法 格式 如 下 : 

[类 的 修饰 符 ] class 类 名 [ : 基 类 名 ] 


// 类 的 成 员 ; 
}[;] 


其 中 ,class 是 声明 类 的 关键 字 ;“ 类 名 ”必须 是 合法 的 C# 标 识 符 ;“ 类 的 修饰 符 " 有 多 种 ,用 于 
指定 类 的 访问 级 别 , 其 说 明 如 表 6.6 所 示 。 
表 6.6 类 的 访问 修饰 符 


类 的 修饰 符 说 明 

public 公有 类 ,表示 不 受 限制 对 该 类 的 访问 

protected 保护 类 ,表示 只 能 从 所 在 类 和 所 在 类 派生 的 子 类 进行 访问 
internal 内 部 类 ,只 有 其 所 在 类 才能 访问 

private 私有 类 ,只 有 该 类 才能 访问 

abstract 抽象 类 ,表示 该 类 是 一 个 不 完整 的 类 ,不 允许 建立 类 的 实例 
sealed 密封 类 ,不 允许 从 该 类 派生 新 的 类 

2. 类 的 成 员 


类 的 成 员 可 以 是 类 本 身 所 声明 的 以 及 从 基 类 中 继承 而 来 的 。 类 的 成 员 如 表 6. 7 所 示 ,总 
体 上 分 为 两 大 类 : 字段 和 属性 合 起 来 称 为 数据 成 员 , 主 要 用 于 存储 类 的 数据 ; 其 他 合 起 来 称 
为 函数 成 员 , 主 要 用 于 数据 的 处 理 或 操作 。 


表 6.7 类 的 成 员 


类 的 成 员 说 明 
字段 字段 存储 类 要 满足 其 设计 所 需要 的 数据 ,也 称 为 数据 成 员 
属性 是 类 中 可 以 像 类 中 的 字段 一 样 访 问 的 方法 。 属 性 可 以 为 类 字段 提供 保护 ,避免 字段 在 对 


全 人 象 不 知道 的 情况 下 被 更 改 

方法 方法 定义 类 可 以 执行 的 操作 。 方 法 可 以 接受 提供 输入 数据 的 参数 ,并 且 可 以 通过 参 返回 输出 
数据 。 方 法 还 可 以 不 使 用 参数 而 直接 返回 值 

委托 委托 定义 了 方法 的 类 型 ,使 得 可 以 将 方法 当 作 另 一 个 方法 的 参数 来 进行 传递 ,这 种 将 方法 动态 


地 赋 给 参数 的 做 法 ,使 得 程序 具有 更 好 的 可 扩展 性 

事件 事件 是 向 其 他 对 象 提供 有 关 事 件 发 生 (如 单 击 按钮 或 执行 某 个 方法 ) 通 知 的 一 种 方式 

索引 器 “| 索引 器 允许 以 类 似 于 数组 的 方式 为 对 象 建立 索引 

运算 符 “| 运算 符 是 对 操作 数 执行 运算 的 术语 或 符号 ,如 十 、* 、 达 等 

构造 函数 | 构造 函数 是 在 第 一 次 创建 对 象 时 调用 的 方法 。 它 们 通常 用 于 初始 化 对 象 的 数据 

析 构 函数 析 构 函数 是 当 对 象 即将 从 内 存 中 移 除 时 由 运行 库 执行 引擎 调用 的 方法 。 它 们 通常 用 来 确保 需 
要 释放 的 所 有 资源 都 得 到 了 适当 的 处 理 
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类 的 成 员 也 可 以 使 用 不 同 的 访问 修饰 符 , 从 而 定义 它们 的 访问 级 别 , 类 成 员 的 访问 修饰 符 
及 其 说 明 如 表 6. 8 所 示 。 


表 6.8 类 成 员 的 访问 修饰 符 
类 成 员 的 修饰 符 说 明 
公有 成 员 ,提供 了 类 的 外 部 界面 ,允许 类 的 使 用 者 从 外 部 进行 访问 ,这 是 限制 最 少 的 一 
种 访问 方式 
私有 成 员 ( 默 认 的 ) , 仅 限于 类 中 的 成 员 可 以 访问 ,从 类 的 外 部 访问 私有 成 员 是 不 合法 
的 ,如 果 在 声明 中 没有 出 现成 员 的 访问 修饰 符 , 按 照 默 认 方式 成 员 为 私有 的 
protected 保护 成 员 , 这 类 成 员 不 允许 外 部 访问 ,但 允许 其 派生 类 成 员 访 问 


public 


private 


二 内 部 成 员 ,允许 同一 个 命名 空间 中 的 类 访问 
i 只 读 成 员 , 这 类 成 员 的 值 只 能 读 ,不 能 写 。 也 就 是 说 ,除了 赋予 初始 值 外 ,在 程序 的 任何 
一 个 部 分 将 无 法 更 改 这 个 成 员 的 值 


例如 ,以 下 声明 了 一 个 Person 类 : 


public class Person // 声 明 Person 类 ,其 访问 级 别 为 public 
{ public int pno; // 编 号 ,为 公有 字段 
string pname; // 姓 名 ,为 私有 字段 


public void setdata( int no, string name) // 定 义 setdata 方法 
{ pno=no; pname = name; } 
public void dispdata() // 定 义 dispdata 方 法 
{ Console.WriteLine("{0} {1}", pno, pname); } 
} 
上 述 Person 类 的 修饰 符 为 public, 为 公有 类 。 其 中 有 两 个 字段 , pno 是 公有 字段 ; 而 
pname 是 私有 字段 ; 另外 有 两 个 共有 方法 。 
C# 中 类 声明 和 C++ 有 一 个 明显 的 差别 是 字段 可 以 赋 初 值 。 例 如 ,在 上 面 Person 类 声明 
中 可 以 将 pno 字段 改 为 : 


public int pno = 101; 


这 样 Person 类 的 每 个 对 象 的 pno 字段 都 有 默认 值 101 。 

3. 分 部 类 

分 部 类 可 以 将 类 (结构 体 或 接口 等 ) 的 声明 拆 分 到 两 个 或 多 个 源 文件 中 。 若 要 拆 分 类 的 代 
码 ,被 拆 分 类 每 一 部 分 的 定义 前 边 都 要 用 partial 关键 字 修 饰 。 分 部 类 的 每 一 部 分 都 可 以 存放 
在 不 同 的 文件 中 ,编译 时 会 将 所 有 部 分 组 合 起 来 构成 一 个 完整 的 类 声明 。 

每 个 网 页 的 逻辑 代码 中 都 声明 了 一 个 分 部 类 。 例 如 , webforml 网 页 的 逻辑 代码 
webforml. aspx. cs 中 有 以 下 代码 : 


public partial class webforml : System. Web. UI. Page 
{ 


} 


表示 webforml 类 是 一 个 分 部 类 , 它 从 System. Web. UI. Page 类 派生 的 。 实 际 上 所 有 网 页 类 
都 是 从 System. Web. UI. Page 类 继承 的 ,ASP .NET 将 动态 编译 网 页 ,并 在 用 户 第 一 次 请 求 
时 运行 网 页 ,如 果 网 页 发 生 更 改 ,编译 器 将 自动 对 该 网 页 进行 重新 编译 。 
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6. 8.2 创建 类 对 象 


类 和 对 象 是 不 同 的 概念 。 类 定义 对 象 的 类 型 ,但 它 不 是 对 象 本 身 。 对 象 是 基于 类 的 具体 
实体 ,有 时 称 为 类 的 实例 。 只 有 定义 类 对 象 时 才 会 给 对 象 分 配 相 应 的 内 存 空 间 。 

1. 定义 类 的 对 象 

一 旦 声明 了 一 个 类 ,就 可 以 用 它 作为 数据 类 型 来 定义 类 对 象 (简称 为 对 象 ) 。 定 义 类 的 对 
象 分 两 步 : 

(1) 定义 对 象 引用 

其 语法 格式 如 下 : 

类 名 对 象 名 ; 


例如 ,“Person p;” 语 句 定义 Person 类 的 对 象 引 用 p。 
(2) 创建 类 的 实例 
其 语法 格式 如 下 : 


对 象 名 = new 类 名 ( ); 


例如 ,“p 二 new Person();” 语 句 创建 Person 类 的 对 象 实例 。 
以 上 两 步 也 可 以 合并 成 一 步 。 其 语法 格式 如 下 : 


类 名 对 象 名 = new 类 名 (); 


例如 ,Person p= 二 new Person();”。 

通常 将 对 象 引 用 和 对 象 实例 混用 ,但 读者 应 了 解 它们 之 间 的 差异 。 上 述 语句 中 Person() 
部 分 是 创建 类 的 实例 ,然后 传递 回 对 该 对 象 的 引用 并 赋 给 p, 这 样 就 可 以 通过 对 象 引 用 p 操作 
该 对 象 实例 。 两 个 对 象 引 用 可 以 引用 同一 个 对 象 。 例 如 
new Person( ) ; 
pl; 

上 述 代码 中 , 先 创 建 一 个 Person 对 象 引 用 pl1 ,再 创建 一 个 Person 类 实例 ,由 pl 指向 该 实 
例 ,在 执行 p2==pl 后 ,两 个 对 象 引用 pl、p2 都 同一 个 实例 。 也 就 是 说 ,可 以 通过 pl 和 p2 操作 
同一 个 实例 。 

对 于 类 中 的 字段 ,在 所 属 的 类 创建 对 象 时 被 分 配 存储 空间 ,此 时 也 称 字段 拥有 了 自己 的 实 
例 。 如 果 没 有 在 对 象 创建 表达 式 中 为 字段 赋值 ,那么 每 个 字段 的 初始 值 都 是 其 类 型 的 默认 值 。 
对 于 所 有 整数 类 型 和 实数 类 型 ,以 及 由 整数 类 型 衍生 出 的 字符 类 型 和 枚 举 类 型 ,其 默认 值 为 
0; 对 于 布尔 类 型 ,其 默认 值 为 false; 而 对 于 所 有 引用 类 型 ,其 默认 值 为 null。 

2. 访问 对 象 的 字段 

访问 对 象 字段 的 语法 格式 如 下 : 

对 象 名 .字段 名 
其 中 ,“. "是 一 个 运算 符 ,该 运算 符 的 功能 是 表示 对 象 的 成 员 。 

例如 ,前面 定 义 的 p 对 象 的 成 员 变 量 表 示 为 p. pno。 

实际 上 ,通过 对 象 名 只 能 访问 类 的 公有 成 员 , 不 能 访问 类 的 私有 成 员 或 保护 成 员 。 由 于 


Person pl 
Person p2 
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Person 类 的 pname 字段 默认 是 私有 的 ,所 以 不 能 使 用 p. pname 访问 pname 字段 。 
3. 调用 对 象 的 方法 
调用 对 象 的 方法 的 语法 格式 如 下 : 


对 象 名 .方法 名 (参数 表 ) 


例如 ,调用 前 面 定义 的 p 对 象 的 成 员 方法 setdata 为 p. setdata(101,"Mary")。 

【 练 一 练 】 在 CH6 网 站 中 设计 一 个 网 页 webform2. aspx, 说 明 创建 类 的 过 程 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH6 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH6” 对 话 框 ,在 中 
间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform2. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 按 
钮 ,创建 一 个 空 的 网 页 。 

@ 选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 ”对 话 框 ,从 模板 列表 中 选择 “类 ” 选 
项 ,保持 默认 类 文件 名 Classl. cs, 如 图 6.7 所 示 。 单 击 “ 添 加 ”按钮 ,此 时 出 现 如 图 6. 8 所 示 的 
系统 消息 框 , 单 击 “ 是 ”按钮 ,表示 将 该 类 文件 放 在 系统 自动 创建 的 App_Code 目录 中 。 


一 


~ 


口 将 代码 放 在 单独 的 文件 中 (P) 
口 远 择 母 版 页 (O 


图 6.7 “添加 新 项 ”对 话 框 


您 正在 尝试 构 特 殊 文件 类 型 类) 添加 到 ASP.NET 网 站 。 通 常 ， 要 在 网 站 
中 使 用 此 类 型 的 项 ， 应 棕 其 放 在 “App_Code” 文 件 夹 中 。 星 否 将 该 文 


件 放 在 “App_Code” 文件 夫 中 ? 


Ca ee | 王权 一 


图 6.8 系统 消息 框 
在 Classl 类 文件 中 设计 Comp 类 的 代码 如 下 : 


public class Comp 
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和 public int funl(int n) 
{ 
return (n+1)*n/2; 
} 
public int fun2(int n) 
{ int i,j,k,total = 0; 
for (i= 1; i<= ni i++) 


{ k=1; 
for (j = 1; j<= i; j++) 
ee 
total += k; 
} 
return total; 


} 

该 类 没有 包含 字段 ,只 有 两 个 公有 方法 ,分 别 计算 1 十 2 十 … 十 n 和 11! 十 2! 十 … 十 n!Cn 一 0) 
的 值 。 

@ 保存 该 文件 后 ,设计 webform2 网 页 的 界面 如 [FEED 2 
图 6.9 所 示 , 其 中 包含 一 个 文本 框 TextBoxl \ 两 个 命 rr 站 


nz ] 

令 按 钮 (Buttonl 和 Button2) 和 一 个 标签 Labell。 并 | | 
| 

| 


| 1+2+... mn | 求 11+21+...+n! | 


设置 相应 的 字体 和 颜色 属性 。 
@ 双击 Buttonl 控件 ,出 现代 码 编辑 窗口 ,输入 以 “21 一 

下 事件 过 程 代码 : 4 
protected void Buttonl_Click(cbject sender, EventArgs e) 图 6.9 webform2 网 页 的 设计 界面 


{ Compmyobj = new Comp(); 

int n = int.Parse(TextBoxl.Text); 

Labell. Text = "1+2+...+n 的 结果 : " + myobj. funl(n); 
} 


@ 双击 Button2 控件 ,出 现代 码 编辑 窗口 ,输入 以 下 事件 过 程 代码 : 


protected void Button2_Click(object sender, EventArgs e) 
{ Comp myobj = new Comp(); 
int n = int.Parse(TextBoxl.Text); 
Labell. Text = "1!+2!+...+nl 的 结果 : ”+ myobj. fun2(n); 
} 
上 述 两 个 事件 处 理 方法 相似 ,都 是 创建 Classl 类 文件 中 Comp 类 的 对 象 myobj, 然 后 调用 
其 方法 ,将 结果 显示 在 Labell 标签 中 。 
@ 单 击 工 具 栏 中 的 p> Internet Explorer 按钮 执行 本 网 页 ,输入 mn 值 为 5, 单 击 “ 求 1 十 2 十 … 十 
nm" 按钮 ,其 执行 结果 如 图 6. 10 所 示 ,再 单 击 * 求 11 十 21 十 … 十 n!1” 按 钮 ,其 执行 结果 如 图 6. 11 
所 示 。 
需要 说 明 的 是 ,如 果 删 除 Comp 类 的 public 访问 修饰 符 ( 默 认为 private) ,执行 网 页 时 出 
现 “Comp 不 可 访问 ”的 错误 ,因为 它 受 保护 级 别 限制 。 如 果 将 public 改 为 protected 访问 修饰 
符 , 执 行 网 页 时 出 现 “ 在 命名 空间 中 定义 的 元 素 无 法 显 式 地 声明 为 private、protected 或 
protected internal” 的 错误 。 所 以 ,在 类 文件 中 声明 的 类 ,如 果 需 要 在 网 页 中 创建 它 的 对 象 , 需 
要 声明 为 public。 
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大 localhost 
n:5s 
求 142+..… nm | | 求 114214. .tn! 求 1H2+..…tn ] | 求 11421+.…m! | 


1+2+. . .+n 的 结果 : 15 | 11+21+. . .+n! 的 结果 : 153 


图 6.10 webform2 网 页 执行 界面 一 图 6.11 webform2 网 页 执行 界面 二 


如 果 删 除 Comp 类 中 funl 方法 的 public 访问 修饰 符 ,执行 网 页 时 出 现 “Comp 不 包含 
funl 的 定义 ”的 错误 。 所 以 ,对 于 一 个 类 中 成 员 , 若 要 通过 其 对 象 使 用 它 ,需要 将 其 设计 为 
public 。 


6.8.3 构造 函数 和 析 构 函数 


类 的 构造 函数 和 析 构 函数 都 是 类 的 成 员 方法 ,但 它们 有 其 特殊 性 。 
1. 构造 函数 
构造 函数 是 在 创建 给 定 类 型 的 对 象 时 执行 的 类 方法 。 构 造 函 数 具有 如 下 性 质 : 
。 构造 函数 的 名 称 与 类 的 名 称 相 同 ; 
。 构造 函数 尽管 是 一 个 函数 ,但 没有 任何 类 型 , 它 既 不 属于 返回 值 函数 也 不 属于 void 
函数 ; 
一 个 类 可 以 有 多 个 构造 函数 ,但 所 有 构造 函数 的 名 称 都 必须 相同 ,它们 的 参数 各 不 相 
同 , 即 构造 函数 可 以 重 载 ; 

。 当 类 对 象 创建 时 ,构造 函数 会 自动 地 执行 ; 由 于 它们 没有 返回 类 型 ,不 能 像 其 他 函数 

那样 进行 调用 ， 

。 当 类 对 象 声 明 时 ,调用 哪 一 个 构造 函数 取决 于 传递 给 它 的 参数 类 型 ; 

。 构造 函数 不 能 被 继承 。 

当 定 义 类 对 象 时 ,构造 函数 会 自动 执行 。 因 为 一 个 类 可 能 会 有 包括 默认 构造 函数 在 内 的 
不 止 一 种 构造 函数 ,下 面 讨论 如 何 调用 特定 的 构造 函数 。 

(1) 调用 默认 构造 函数 

不 带 参数 的 构造 函数 称 为 “默认 构造 函数 ”。 无 论 何 时 ,只 要 使 用 new 运算 符 实例 化 对 
象 ,并 且 不 为 new 提供 任何 参数 ,就 会 调用 默认 构造 函数 。 假 设 一 个 类 包含 默认 构造 函数 , 调 
用 默认 构造 函数 的 语法 如 下 : 

类 名 对 象 名 = new 类 名 (); 


如 果 没 有 为 对 象 提供 构造 函数 , 则 默认 情况 下 C# 将 创建 一 个 构造 函数 ,该 构造 函数 实例 
化 对 象 , 并 将 所 有 成 员 变 量 设置 为 相应 的 默认 值 。 

(2) 调用 带 参 数 的 构造 函数 

假设 一 个 类 中 包含 带 参 数 的 构造 函数 ,调用 这 种 带 参 数 的 构造 函数 的 语法 如 下 : 


类 名 对 象 名 = new 类 名 (参数 表 ); 
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其 中 ,“ 参 数 表 ”中 的 参数 可 以 是 变量 ,也 可 以 是 表达 式 。 

【 练 一 练 】 在 CH6 网 站 中 设计 一 个 网 页 webform3. aspx, 说 明 构 造 函 数 的 使 用 方法 。 

其 设计 步骤 如 下 : 

@ 打开 CH6 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH6” 对 话 框 ,在 中 
间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform3. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 按 
钮 ,创建 一 个 空 的 网 页 。 

@ 打开 Classl. css 类 文件 ,添加 如 下 代码 : 


public class Compl 


{ int m; 
public Comp1() // 默 认 构造 函数 
ak | 
public Compl (string n) // 带 参数 构造 函数 
{ this.m = int.Parse(n); } 
public int fun() // 求 m! 


{ ints = 1, i; 
for (i= 1;i<= m; i++) 


sx*= i 
return s; 
} 
public int getm() // 返 回 m 的 值 


{ returnm; } 


} 


@ 在 本 网 页 中 添加 一 个 HTML 文字 。 一 个 文本 框 TextBoxl ,一 个 命令 按钮 Buttonl 和 
一 个 标签 Labell。 设 计 事 件 处 理 方法 如 下 : 


protected void Buttonl_Click(object sender, EventArgs e) 
{ if (TextBoxl.Text.Trim() == "") 
{ Compl myobj = new Compl(); // 调 用 默认 构造 函数 
Labell. Text = myobj.getm() + "!=" + myobj.fun().ToString(); 
' 
else 
{ Compl myobjl = new Comp1l(TextBox1l.Text.Trim()); // 调 用 带 参 数 构造 函数 
Labell. Text = myobjl.getm() + "!=" + myobjl.fun().ToString(); 
} 


} 


@ 单 击 工 具 栏 中 的 > Internet Explorer 按钮 运行 本 网 页 ,直接 单 击 “n1” 按 钮 ,其 运行 结果 如 
图 6. 12 所 示 , 此 时 调用 myobj 对 象 的 默认 构造 函数 , 求 2!。 在 文本 框 中 输入 5, 再 单 击 “n1” 按 
钮 ,其 运行 结果 如 图 6. 13 所 示 ,此 时 调用 myobjl 对 象 的 带 参数 构造 函数 , 求 51。 


EX 
感 http://localhost5199 DO 
屋 localhost x 


6.12 ”webform3 网 页 执行 界面 一 6.13 ”webform3 网 页 执行 界面 二 
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2. 析 构 函数 

在 不 再 需要 对 象 时 ,希望 确保 它 所 占 的 存储 能 被 收回 。C# 中 提供 了 析 构 函数 用 于 专门 
释放 被 占用 的 系统 资源 。 析 构 函 数 具 有 如 下 性 质 : 

。 析 构 函 数 在 类 对 象 销毁 时 自动 执行 ; 

。 一 个 类 只 能 有 一 个 析 构 函数 ,而 且 析 构 函 数 没有 参数 , 即 析 构 函 数 不 能 重 载 ; 

。 析 构 函数 的 名 称 是 “一 ”加 上 类 的 名 称 ( 中 间 没 有 空格 )， 

。 与 构造 函数 一 样 , 析 构 函数 也 没有 返回 类 型 ; 

。 析 构 函 数 不 能 被 继承 。 


6.8.4 静态 成 员 


静态 成 员 主要 包括 静态 字段 和 静态 方法 。 静 态 成 员 属 于 类 所 有 ,而 非 静态 成 员 属 于 类 的 
对 象 所 有 ,所 以 静态 成 员 也 称 为 类 成 员 , 非 静态 成 员 也 称 为 对 象 成 员 。 提 出 静态 成 员 的 目的 是 
为 了 解决 数据 共享 的 问题 。 

说 明 : 静态 成 员 是 属于 整个 类 的 ,不 针对 该 类 的 某 个 对 象 , 称 为 类 成 员 , 所 以 静态 方法 是 
通过 类 名 来 调用 的 。 

1. 静态 字段 

静态 字段 是 类 中 所 有 对 象 共享 的 成 员 ,而 不 是 某 个 对 象 的 成 员 ,也 就 是 说 静态 字段 的 存储 
空间 不 是 放 在 每 个 对 象 中 ,而 是 和 方法 一 样 放 在 类 公共 区 中 。 

对 静态 字段 的 操作 和 一 般 字段 一 样 ,定义 为 私有 的 静态 字段 不 能 从 外 部 访问 。 静态 字段 
的 定义 和 访问 方式 如 下 : 

。 静态 字段 的 定义 与 一 般 字 段 相 似 ,但 前 面 要 加 上 static 关键 词 ; 

。 在 外 部 访问 静态 字段 时 采用 “类 名 . 静态 字段 名 ”格式 。 

例如 ,有 如 下 类 DD: 


classD 

{ intfl; // 非 静态 字段 
static int f2; // 静 态 字段 
public D() { } 


public D(int a, int b) 

{ f1=a;f2=b;} 

public void disp() 

{ ”// 输 出 f1 和 f2 的 值 ;，} 
}; 


执行 以 下 语句 : 


Ddl = new D(2,6); 
Dd2 = new D(5,10); 


di.disp(); // 输 出 代为 2,f2 为 10 

d2. disp(); // 输 出 fi 为 5,f2 为 10 
其 中 类 DD 的 亿 字 段 是 静态 字段 , 它 由 类 D 的 所 有 对 象 共 享 ,而 和 1 是 实例 字段 ,每 个 对 象 都 有 
自己 的 副本 。 


静态 成 员 的 生存 期 和 实例 成 员 不 同 。 实 例 成 员 在 实例 创建 后 才 产 生 ,在 实例 销毁 后 实例 
成 员 也 就 不 存在 了 。 但 是 即使 没有 实例 ,也 存在 类 的 静态 成 员 , 并 且 可 以 访问 它们 ,如 可 以 对 
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静态 字段 初始 化 。 

2. 静态 方法 

静态 方法 与 静态 字段 类 似 ,都 是 类 的 静态 成 员 , 独 立 于 类 的 实例 。 只 要 类 存在 ,静态 方法 
就 可 以 使 用 ,静态 方法 的 定义 是 在 一 般 方法 定义 前 加 上 static 关键 字 。 调 用 静态 方法 的 格式 
如 下 : 


类 名 .静态 方法 名 (参数 表 ); 


注意 : 静态 方法 只 能 访问 静态 字段 .其 他 静态 方法 和 类 以 外 的 方法 及 数据 ,不 能 访问 类 中 
的 非 静态 成 员 (因为 非 静态 成 员 只 有 对 象 存在 时 才 有 意义 )。 但 静态 字段 和 静态 方法 可 由 任意 
访问 权限 许可 的 成 员 访 问 。 


6.8.5 属性 设计 


属性 描述 了 对 象 的 具体 特性 ,提供 了 对 类 或 对 象 成 员 的 访问 。C# 中 的 属性 更 充分 地 体 
现 了 对 象 的 封装 性 ,不 直接 操作 类 的 字段 ,而 是 通过 访问 器 进行 访问 。 

属性 在 类 模块 里 是 采用 如 下 方式 进行 声明 的 , 即 指定 变量 的 访问 级 别 、 属 性 的 类 型 .属性 
的 名 称 , 然 后 是 get 访问 器 或 set 访问 器 代码 块 。 其 语法 格式 如 下 : 


修饰 符 数据 类 型 属性 名 称 

{ ”get 访问 器 // 设 置 该 属性 是 可 读 的 
set 访问 器 // 设 置 该 属性 是 可 写 的 

} 


属性 是 通过 “访问 器 "来 实现 的 : 访问 器 是 数据 字段 赋值 和 检索 其 值 的 特殊 方法 。 使 用 
set 访问 器 可 以 为 数据 字段 赋值 ,使 用 get 访问 器 可 以 检索 数据 字段 的 值 。 

属性 是 为 了 保护 类 的 字段 。 通 常 的 情况 下 ,将 字段 设计 为 私有 的 ,设计 一 个 对 其 进行 读 或 
写 的 属性 。 在 属性 的 get 访问 器 中 ,用 return 来 返回 该 字段 的 值 ,在 属性 的 set 访问 器 中 可 以 
使 用 一 个 特殊 的 隐 含 参数 value, 该 参数 包含 用 户 指定 的 值 。 

例如 ,如 下 MyClass 类 中 定义 了 两 个 私有 字段 xh 和 xm, 分 别 设计 了 读 写 它 们 的 pxh 和 
pxm 属性 : 


public class MyClass 
int xh; 
string xm; 
public int pxh // 属 性 pxh 
{ get { return xh; } 
set{ xh = value; } 
} 
public string pxm // 属 性 pxm 
{ get{ return xm; } 
set{ xm = value; } 
} 
} 


这 样 就 可 以 通过 属性 对 相应 的 字段 进行 操作 。 例 如 : 


MyClass obj = new MyClass(); 
obj.pxh = 101; obj.pxm = " 王 华 "; 
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这 样 ,obj 的 私有 字段 xh 值 为 101, 私 有 字段 xm 值 为 “ 王 华 ”。 也 可 以 将 属性 和 对 应 的 字 
段 合 二 为 一 。 例如, 上述 MyClass 可 以 等 价 地 声明 为 : 

public class MyClass 

{ public int pxh { set; get; } // 属 性 pxh 


public string pxm {set; get; } // 属 性 pxm 
} 


6.8.6 方法 设计 


方法 是 包含 一 系列 的 代码 块 。 从 本 质 上 来 讲 , 方 法 就 是 和 类 相关 联 的 动作 ,是 类 的 外 部 界 
面 。 用 户 可 以 通过 外 部 界面 来 操作 类 的 私有 字段 。 

1. 方法 的 定义 

定义 方法 的 基本 格式 如 下 : 


修饰 符 返回 类 型 方法 名 (参数 列表 ) 


// 方 法 的 具体 实现 ; 

} 
其 中 ,如 果 省 略 “ 修 饰 符 ”, 默 认为 private.“ 返 回 类 型 指定 该 方法 返回 数据 的 类 型 , 它 可 以 是 
任何 有 效 的 类 型 。 如 果 方 法 不 需要 返回 一 个 值 , 其 返回 类 型 必须 是 void。“ 参 数列 表 ” 是 用 逗 
号 分 隔 的 类 型 ,标识 符 对 。 这 里 的 参数 是 形 参 ,本 质 上 是 变量 ,用 来 在 调用 方法 时 接收 实 参 传 
给 方法 的 值 ,如 果 方 法 没有 参数 ,那么 “参数 列表 ”为 空 。 

2. 方法 的 返回 值 

方法 可 以 向 调用 方 返回 某 一 特定 的 值 。 如 果 返 回 类 型 不 是 void 则 该 方法 可 以 用 return 
关键 字 来 返回 值 ,return 还 可 以 用 来 停止 方法 的 执行 。 

3. 方法 的 参数 

方法 中 的 参数 是 保证 不 同 的 方法 间 互 动 的 重要 桥梁 ,方便 用 户 对 数据 的 操作 。C# 中 方 
法 的 参数 有 4 种 类 型 。 

(1) 值 参 数 

值 参 数 不 含 任何 修饰 符 , 当 利用 值 向 方法 传递 参数 时 ,编译 程序 给 实 参 的 值 做 一 份 备份 ， 
并 且 将 此 备份 传递 给 该 方法 对 应 的 形 参 ,被 调用 的 方法 不 会 修改 内 存 中 实 参 的 值 , 所 以 使 用 值 
参数 时 是 可 以 保证 实 参 的 安全 性 的 。 

例如 ,前 面 Classl 类 中 setdata 方法 中 的 参数 就 是 值 参数 。 

(2) 引用 型 参数 

以 ref 修饰 符 声 明 的 参数 属 引用 型 参数 。 引 用 型 参数 本 身 并 不 创建 新 的 存储 空间 ,而 
是 将 实 参 的 存储 地 址 传递 给 形 参 。 所 以 对 形 参 的 修改 会 影响 原来 的 实 参 。 在 调用 方法 前 ， 
引用 型 实 参 必须 被 初始 化 ,同时 在 调用 方法 时 ,对 应 引用 型 参数 的 实 参 也 必须 使 用 ref 
修饰 。 

例如 ,以 下 定义 的 MyClass 类 中 的 addnum 方法 使 用 了 一 个 引用 型 参数 num2 : 


public class MyClass 
{ int num= 0; 
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public void addnum( int numl,ref int num2) 
{ num2 = num + numl; } 


} 
以 下 语句 调用 addnum 方法 时 实 参 x 发 生 改 变 : 


int x= 0; // 引 用 实 参 要 置 初 值 
MyClass s = new MyClass(); 
s.addnum(5, ref x); //x 的 值 变 为 5 


(3) 输出 参数 

以 out 修饰 符 声明 的 参数 属 输出 参数 。 与 引用 型 参数 类 似 , 输 出 型 参数 也 不 开辟 新 的 内 
存 区 域 。 与 引用 型 参数 的 差别 在 于 : 调用 方法 前 无 须 对 实 参 进行 初始 化 。 输 出 型 参数 用 于 传 
递 方法 返回 的 数据 ,out 修饰 符 后 应 跟随 与 形 参 的 类 型 相同 的 类 型 ,声明 在 方法 返回 后 传递 的 
变量 被 认为 经 过 了 初始 化 。 

例如 ,以 下 定义 的 MyClass 类 中 的 addnum 方法 使 用 了 一 个 输出 参数 num2: 

public class MyClass 

{ int num = 0; 

public void addnum( int numl,out int num2) 


{ num2 = num + numl; } 


} 
以 下 语句 调用 addnum 方法 时 实 参 x 发 生 改 变 : 


int x; // 输 出 型 实 参 不 必 置 初 值 
MyClass s = new MyClass(); 
s.addnum(5, out x); //x 的 值 变 为 5 


(4) 数组 型 参数 
以 params 修饰 符 声 明 数 组 型 参数 。params 关键 字 可 以 指定 在 参数 数目 可 变 处 采用 参数 
的 方法 参数 。 在 方法 声明 中 的 params 关键 字 之 后 不 允许 任何 其 他 参数 ,并且 在 方法 声明 中 只 
允许 一 个 params 关键 字 。 数 组 型 参数 不 能 再 有 ref 和 out 修饰 符 。 
例如 ,以 下 定义 的 MyClass 类 中 的 addnum 方法 使 用 了 一 个 数组 型 参数 b: 
public class MyClass 
{ int num = 10; 
public void addnum( ref int sum, params int[] b) 
{ sum = num; 
foreach (int item in b) 
sum += item; 


} 
以 下 语句 求实 参数 组 a 的 所 有 元 素 之 和 : 


int x = 0; 

MyClass s = new MyClass(); 

s.addnum(ref x,1,2,3); //x 的 值 为 6 
s.addnum(ref x,1,2); //x 的 值 为 3 


s.addnum(ref x,1); //x 的 值 为 1 
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4. 可 选 参数 

所 谓 可 选 参数 是 指 在 调用 方法 时 可 以 包含 这 个 参数 ,也 可 以 忽略 它 。 为 了 表明 每 个 参数 
是 可 选 的 ,需要 在 方法 定义 时 为 它 提供 参数 默认 值 。 指 定 默认 值 的 语法 和 初始 化 本 地 变量 的 
语法 一 样 。 例 如 ,声明 如 下 类 : 

class MyClass 

{ public int add(int a, int b = 1, intc = 2) 


{ returna+ b+c;} 


该 类 中 add 方法 有 两 个 可 选 参数 ,有 如 下 代码 : 


MyClass s = new MyClass(); 

int x = s.add(5); 

int y = s.add(5, 6); 

intz = s.add(5, 6, 7); 

计算 过 程 是 x=5 十 1 十 2 二 8,y= 二 5 十 6 十 2 二 13,z= 二 5 十 6 十 7 二 18。 从 中 看 到 , 当 可 选 参 数 
没有 给 出 实 参 时 ,自动 取 可 选 参数 的 默认 值 。 

不 是 所 有 的 参数 类 型 都 可 以 作为 默认 值 ,其 规定 如 下 : 

。 只 有 值 类 型 的 默认 值 在 编译 的 时 候 可 以 确定 ,就 可 以 使 用 值 类 型 作为 可 选 参数 ; 

。 只 有 在 默认 值 是 null 时 ,引用 类 型 才 可 以 作为 可 选 参数 来 使 用 。 

如 果 一 个 方法 包含 必 填 参数 .可 选 参数 和 params 参数 , 则 必 填 参数 必须 在 可 选 参数 之 前 
声明 ,而 params 参数 必须 在 可 选 参数 之 后 声明 。 其 一 般 格式 如 下 : 


un(int x, double y, … , int opl = ldouble op2 = 2.5, » ,Params int [] arr) 
必 填 参数 可 选 参数 params 参 数 

5. 方法 的 重 载 

方法 的 重 载 是 指 调用 同一 方法 名 ,但 是 使 用 不 同 的 数据 类 型 的 参数 或 参数 的 次 序 不 一 致 
只 要 一 个 类 中 有 两 个 以 上 的 同名 方法 , 且 使 用 的 参数 类 型 或 个 数 不 同 ,编译 器 就 可 以 判断 在 哪 
种 情况 下 调用 哪 种 方法 了 。 

为 此 ,C# 中 引入 了 成 员 签名 的 概念 。 成 员 签名 包含 成 员 的 名 称 和 参数 列表 ,每 个 成 员 签 
名 在 类 型 中 必须 是 唯一 的 ,只 要 成 员 的 参数 列表 不 同 , 成 员 的 名 称 可 以 相同 。 如 果 同 一 个 类 有 
两 个 或 多 个 这 样 的 成 员 ( 方 法 、 属 性 \ 构 造 函 数 等 ) ,它们 具有 相同 的 名 称 和 不 同 的 参数 列表 , 则 
称 该 同类 成 员 进 行 了 重 载 ,但 它们 的 成 员 签名 是 不 同 的 。 

例如 ,下 面 的 代码 实现 了 MethodTest 方法 的 重 载 ( 假 设 都 是 某 个 类 的 成 员 ) ,它们 是 不 同 
的 成 员 签名 : 


public int MethodTest(int i, int j) // 重 载 方法 1 
, // 代 码 
Mlle int MethodTest (int i) // 重 载 方法 2 
' 1/ 代码 


} 
public string MethodTest(string str)  ”// 重 载 方法 3 
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// 代 码 


6.8.7 委托 和 事件 


1. 委托 简介 

委托 是 一 种 安全 的 封装 方法 的 类 型 ,类似 于 C/C++ 中 的 函数 指针 ,通过 委托 可 以 将 方法 
作为 参数 或 变量 使 用 ,从 而 可 以 采用 统一 的 格式 调用 多 个 方法 。 与 C/C++ 中 的 函数 指针 不 
同 , 委 托 是 类 型 安全 的 。 

2. 事件 简介 

事件 是 一 种 用 于 类 和 类 之 间 传 递 消息 或 触发 新 的 行为 的 编程 方式 。 事 件 可 以 看 成 类 的 委 
托 ,能 够 把 控件 和 可 执行 代码 联系 在 一 起 ,如 用 户 单 击 Button 控件 触发 Click 事件 后 就 执行 相 
应 的 事件 处 理 代码 。 

事件 的 声明 通过 委托 来 实现 。 先 定义 委托 ,再 用 委托 定义 事件 ,触发 事件 的 过 程 实质 是 调 
用 委托 。 


6.9 C# 中 常用 类 和 结构 体 


知识 梳理 


String 类 


Math 类 


CC 中 常用 类 和 结构 体 Conver 类 
数据 类 型 转换 


DateTime 结 构 体 


6.9.1 String 类 


前 面 介绍 过 ,String 类 型 表示 字符 串 .实际 上 ,string 是 .NET Framework 中 的 String 类 
的 别名 。String 类 型 定义 了 相等 运算 符 (= 王 王 和 != ) 用 于 比较 两 个 string 对 象 , 男 外 ,“ 十 ” 运 
算 符 用 于 连接 字符 串 ,“[]” 运 算 符 可 以 用 来 访问 String 中 的 各 个 字符 。 
String 类 位 于 System 命名 空间 中 ,用 于 字符 串 的 处 理 。String 类 常用 的 属性 如 表 6.9 所 
示 , 常 用 的 方法 如 表 6. 10 所 示 , 使 用 这 些 属性 和 方法 会 为 字符 串 的 处 理 带 来 极 大 的 方便 。 
表 6.9 String 的 常用 属性 及 其 说 明 


属 性 说 有 明 


Chars 获取 此 字符 串 中 位 于 指定 字符 位 置 的 字符 
Length 获取 此 字符 串 中 的 字符 数 
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表 6.10 String 的 常用 方法 及 其 说 明 


方法 方法 类 型 说 明 

Compare 比较 两 个 指定 的 String 对 象 

Concat 静态 方法 | 连接 String 的 一 个 或 多 个 字符 串 

Format 将 指定 的 String 中 的 每 个 格式 项 蔡 换 为 相应 对 象 的 值 的 文本 等 效 项 
非 静 态 方法 。 将 此 字符 串 与 指定 的 对 象 或 String 进行 比较 ,并 返回 两 者 相对 

CompareTo pa 
值 的 指示 

Contains 返回 一 个 值 , 该 值 指示 指定 的 String 对 象 是 否 出 现在 此 字符 串 中 

Equals 确定 两 个 String 对 象 是 否 具有 相同 的 值 

IndexOf 返回 String 或 一 个 或 多 个 字符 在 此 字符 串 中 的 第 一 个 匹配 项 的 索引 

Insert 在 该 String 中 的 指定 索引 位 置 插入 一 个 指定 的 String 

Remove 非 静 态 方法 从 该 String 中 删除 指定 个 数 的 字符 

Replace 将 该 String 中 的 指定 String 的 所 有 匹配 项 蔡 换 为 其 他 指定 的 String 

Split 返回 包含 该 String 中 的 子 字符 串 ( 由 指定 Char 或 String 数组 的 元 素 分 隔 ) 的 
String 数组 

Substring 从 此 字符 串 中 检索 子 字符 串 

ToLower 返回 该 String 转换 为 小 写 形式 的 副本 

ToUpper 返回 该 String 转换 为 大 写 形式 的 副本 

Trim 从 此 字符 串 的 开始 位 置 和 末尾 移 除 一 组 指定 字符 的 所 有 匹配 项 


注意 : 一 个 类 的 方法 有 静态 方法 和 非 静 态 方法 之 分 。 对 于 静态 方法 ,只 能 通过 类 名 来 调 
用 ,对 于 非 静态 方法 , 需 通 过 类 的 对 象 来 调用 。 


6.9.2 Math 类 


Math 类 位 于 System 命名 空间 中 ,包含 了 实现 C# 中 常用 算术 运算 功能 的 方法 。 这 些 方 
法 都 是 静态 方法 ,可 通过 “Math. 方法 名 (参数 )" 来 使 用 ,其 中 常用 的 方法 如 表 6. 11 所 示 。 


表 6.11 Math 类 的 常用 方法 
说 明 


Abs 
Acos 
Asin 
Atan 
Atan2 
Ceiling 
Cos 
Cosh 
DivRem 
Exp 
Floor 
Log 
Log10 
Max 
Min 


返回 指定 数字 的 绝对 值 

返回 余弦 值 为 指定 数字 的 角度 

返回 正弦 值 为 指定 数字 的 角度 

返回 正切 值 为 指定 数字 的 角度 

返回 正切 值 为 两 个 指定 数字 的 商 的 角度 
返回 大 于 或 等 于 指定 数字 的 最 小 整数 
返回 指定 角度 的 余弦 什 

返回 指定 角度 的 双 曲 余弦 值 

计算 两 个 数字 的 商 ,并 在 输出 参数 中 返回 余数 
返回 e 的 指定 次 宕 

返回 小 于 或 等 于 指定 数字 的 最 大 整数 
返回 指定 数字 的 对 数 

返回 指定 数字 以 10 为 底 的 对 数 
返回 两 个 指定 数字 中 较 大 的 一 个 
返回 两 个 数字 中 较 小 的 一 个 
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续 表 
方法 说 有明 
Pow 返回 指定 数字 的 指定 次 睾 
Round 将 值 伟人 到 最 接近 的 整数 或 指定 的 小 数位 数 
Sign 返回 表示 数字 符号 的 值 
Sin 返回 指定 角度 的 正弦 值 
Sinh 返回 指定 角度 的 双 曲 正弦 值 
Saqrt 返回 指定 数字 的 平方 根 
Tan 返回 指定 角度 的 正切 值 
Tanh 返回 指定 角度 的 双 曲 正切 值 
Truncate 计算 一 个 数字 的 整数 部 分 


6.9.3 ”Convert 类 


Convert 类 位 于 System 命名 空间 中 ,用 于 将 一 个 值 类 型 转换 成 男 一 个 值 类 型 。 这 些 方法 
都 是 静态 方法 ,可 通过 “Convert. 方法 名 (参数 )" 来 使 用 ,其 中 常用 的 方法 如 表 6. 12 所 示 。 


表 6.12 Convert 类 的 常用 方法 


方 法 说 明 
ToBoolean 将 数据 转换 成 Boolean 类 型 
ToDataTime 将 数据 转换 成 日 期 时 间 类 型 
TolInt16 将 数据 转换 成 16 位 整数 类 型 
ToInt32 将 数据 转换 成 32 位 整数 类 型 
ToInt64 将 数据 转换 成 64 位 整数 类 型 
ToDouble 将 数据 转换 成 Double 类 型 
ToObject 将 数据 转换 成 Object 类 型 
ToString 将 数据 转换 成 String 类 型 


6.9.4 数据 类 型 转换 


1. 数值 类 型 与 字符 串 之 间 转 换 
将 数字 字符 串 转 换 为 数值 类 型 使 用 数值 类 型 的 Parse 方法 。 例 如 : 


int n; 

float f; 

double d; 

string sl = "123", s2= "1.2",s3= "125.8"; 

sl = int. Parse(n); // 将 字符 串 sl 转换 int 类 型 

s2 = float.Parse(f); // 将 字符 串 s2 转换 float 类 型 
s3 = double. parse(d); // 将 字符 串 s3 转换 double 类 型 


数值 类 型 转换 为 字符 串 使 用 ToString 方法 。 例 如 : 


float f= 1.25; 
double = 100.6; 
string sl1, s2, s3; 


sl = n.ToString(); // 将 int 类 型 转换 为 字符 串 sl 
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s2 = f. ToString(); // 将 float 类 型 转换 为 字符 串 s2 
s3 = d.ToString(); // 将 double 类 型 转换 为 字符 串 s3 
2. 使 用 Convert 方法 进行 转换 

例如 : 


doubled = 12.5,d1; 
int n= 8,n1; 
String s = "68", sl1, s2; 


nl = Convert.ToInt32(s); V/nl = 68 

dl = Convert. ToDouble(s); //dl = 68.0 
sl = Convert.ToString(n); //sl = "8" 

s2 = Convert.ToString(d); A/ 


注意 : 使 用 Convert 方法 将 字符 串 转 换 为 整数 时 ,字符 串 中 一 定 是 整数 字符 串 。 例 如 ， 
string s 一 Convert. ToInt("68. 2") 是 错误 的 ,因为 "68.2" 不 是 整数 字符 串 。 


6.9.5 DateTime 结构 体 


DateTime 结构 体位 于 System 命名 空间 中 ,DateTime 值 类 型 表示 值 范围 在 公元 0001 年 
1 月 1 日 午夜 12:00:00 到 公元 9999 年 12 月 31 日 晚 F11:59:59 之 间 的 日 期 和 时 间 。 可 以 通 
过 以 下 请 法 格式 定义 一 个 日 期 时 间 变 量 : 

DateTime 日 期 时 间 变 量 = new DateTime( 年 ,月 ,日 ,时 ,分 , 秒 ); 

例如 ,以 下 语句 定义 了 两 个 日 期 时 间 变 量 : 


DateTime dl = new DateTime(2009,10,1); 
DateTime d2 = new DateTime(2009,10,1,8,15,20); 


其 中 ,dl 的 值 为 2009 年 10 月 1 日 零点 零 分 零 秒 ,d2 的 值 为 2009 年 10 月 1 日 8 点 15 分 
20 秒 。 
DateTime 结构 体 的 常用 属性 如 表 6. 13 所 示 ,常用 方法 如 表 6. 14 所 示 。 


表 6.13 DateTime 结构 体 的 常用 属性 


属 性 说 有 明 
Date 获取 此 实例 的 日 期 部 分 
Day 获取 此 实例 所 表示 的 日 期 为 该 月 中 的 第 几 天 


DayOfWeek ”获取 此 实例 所 表示 的 日 期 是 星期 几 
DayOfYear ”获取 此 实例 所 表示 的 日 期 是 该 年 中 的 第 几 天 


Hour 获取 此 实例 所 表示 日 期 的 小 时 部 分 

Millisecond 。” 获取 此 实例 所 表示 日 期 的 毫秒 部 分 

Minute 获取 此 实例 所 表示 日 期 的 分 钟 部 分 

Month 获取 此 实例 所 表示 日 期 的 月 份 部 分 

Now 获取 一 个 DateTime 对 象 ,该 对 象 设置 为 此 计算 机 上 的 当前 日 期 和 时 间 ,表示 为 本 地 时 间 
Second 获取 此 实例 所 表示 日 期 的 秒 部 分 

TimeOfDay ”获取 此 实例 的 当天 的 时 间 

Today 获取 当前 日 期 


Year 获取 此 实例 所 表示 日 期 的 年 份 部 分 
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表 6.14 DateTime 结构 体 的 常用 方法 


方 法 方法 类 型 说 明 
Compare 比较 DateTime 的 两 个 实例 ,并 返回 它们 相对 值 的 指示 
DaysInMonth 静态 方法 返回 指定 年 和 月 中 的 天 数 
IsLeapYear 返回 指定 的 年 份 是 否 为 头 年 的 指示 
Parse 将 日 期 和 时 间 的 指定 字符 串 表 示 转 换 成 其 等 效 的 DateTime 
AddDays 将 指定 的 天 数 加 到 此 实例 的 值 上 
AddHours 将 指定 的 小 时 数 加 到 此 实例 的 值 上 
AddMilliseconds 将 指定 的 毫秒 数 加 到 此 实例 的 值 上 
AddMinutes 非 静 态 方法 将 指定 的 分 钟 数 加 到 此 实例 的 值 上 
AddMonths 将 指定 的 月 份 数 加 到 此 实例 的 值 上 
AddSeconds 将 指定 的 秒 数 加 到 此 实例 的 值 上 
AddYears 将 指定 的 年 份 数 加 到 此 实例 的 值 上 
CompareTo 将 此 实例 与 指定 的 对 象 或 值 类 型 进行 比较 ,并 返回 两 者 相对 值 的 指示 
6.10 继承 和 接口 
知识 梳理 


继承 设计 
继承 和 接口 
接口 设计 


6.10.1 继承 设计 


1. 什么 是 继承 

为 了 对 现实 世界 中 的 层次 结构 进行 模型 化 ,于 是 面向 对 象 的 程序 设计 技术 引入 了 继承 的 
概念 。 继 承 是 面向 对 象 程序 设计 最 重要 的 特征 之 一 。 任 何 类 都 可 以 从 另外 一 个 类 来 继承 而 
来 , 即 这 个 类 拥有 它 所 继承 类 的 所 有 成 员 。C# 提 供 了 类 的 继承 机 制 ,但 C# 只 支持 单 继承 不 
支持 多 重 继承 , 即 在 C# 中 一 次 只 允许 继承 一 个 类 ,不 允许 继承 多 个 类 。 

一 个 类 从 另 一 个 类 派生 出 来 时 , 称 为 派生 类 或 子 类 ,被 派生 的 类 称 为 基 类 或 父 类 。 派 生 类 
从 基 类 那里 继承 特性 ,派生 类 也 可 以 作为 其 他 类 的 基 类 ,从 一 个 基 类 派生 出 来 的 多 层 类 形成 了 
类 的 层次 结构 。 

与 C++ 不同 ,C# 中 仅 允 许 单个 继承 ,也 就 是 说 ,类 只 能 从 一 个 基 类 继承 实现 。C# 中 的 继 
承 具有 以 下 特点 : 

。C# 中 只 允许 单 继承 , 即 一 个 派生 类 只 能 有 一 个 基 类 ; 

。C# 中 继承 是 可 以 传递 的 ,如 果 C 从 B 派 生 ,B 从 A 派生 ,那么 C 不仅 继承 B 的 成 员 ， 

还 继承 A 的 成 员 ; 
。C# 中 派生 类 可 以 添加 新 成 员 ,但 不 能 删除 基 类 的 成 员 ; 
。C# 中 派生 类 不 能 继承 基 类 的 构造 函数 和 析 构 函数 ,但 能 继承 基 类 的 属性 ; 
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。 C 井 中 派生 类 可 以 隐藏 基 类 的 同名 成 员 ,如 果 在 派生 类 可 以 隐藏 了 基 类 的 同名 成 员 , 基 
类 该 成 员 在 派生 类 中 就 不 能 被 直接 访问 ,只 能 通过 “base. 基 类 方法 名 ”来 访问 ; 

。C# 中 派生 类 对 象 也 是 基 类 的 对 象 .但 基 类 对 象 却 不 一 定 是 基 派 生 类 的 对 象 。 也 就 是 
说 , 基 类 的 引用 变量 可 以 引用 基 派 生 类 对 象 ,而 派生 类 的 引用 变量 不 可 以 引用 基 类 
对 象 。 

2. 派生 类 的 声明 

派生 类 的 声明 格式 如 下 : 

[类 修饰 符 ] class 派生 类 : 基 类 ; 


C# 中 派生 类 可 以 从 它 的 基 类 中 继承 字段 、 属 性、 方法 和 事件 等 ,实际 上 除了 构造 函数 和 
析 构 函数 ,派生 类 隐 式 地 继承 了 基 类 的 所 有 成 员 。 
下 面 来 看 一 个 例子 。 先 声明 一 个 基 类 : 


class R 


{ private int n; // 私 有 字段 
protected int m; // 保 护 的 字段 
public void afun() // 公 有 方法 

// 方 法 的 代码 


} 
再 声明 一 个 也 类 继承 A 类 ,注意 继承 是 用 “ : "来 表示 的 : 


classB:A 


{ private int x; // 私 有 字段 
public void bfun() // 公 有 方法 
{ 
// 方 法 的 代码 


} 
} 


A、B 类 的 继承 关系 如 图 6. 14 所 示 。 有 以 下 代码 : 
Bb = newB(); // 定 义 对 象 并 实例 化 


b.afun(); 

从 中 可 以 看 出 A 类 的 afun() 方 法 在 B 类 中 不 用 重新 编 
写 。 因 为 B 类 继承 了 A 类 ,所 以 可 以 通过 类 B 类 的 对 象 调 
用 它 。 

3. 基 类 成 员 的 可 访问 性 

派生 类 将 获取 基 类 的 所 有 非 私有 数据 和 行为 以 及 新 类 为 ”图 6 14 A.B 两 个 类 的 继承 关系 
自己 定义 的 所 有 其 他 数据 或 行为 。 在 前 面 的 例子 中 , 基 类 A 
中 保护 的 字段 m 和 公有 方法 afun 都 被 继承 到 派生 类 B 类 中 ,这 样 在 B 类 中 隐 含 有 保护 的 字 
段 m 和 公有 方法 afun。 但 基 类 A 中 的 私有 字段 n 不 能 被 继承 到 派生 类 B 中 。 

所 以 ,如 果 希 望 在 派生 类 中 隐藏 某 些 基 类 的 成 员 , 可 以 在 基 类 中 将 这 些 成 员 设 为 private 
访问 成 员 。 
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4. 使 用 sealed 修饰 符 来 禁止 继承 
C# 中 提供 了 sealed 关键 字 用 来 禁止 继承 。 要 禁止 继承 一 个 类 ,只 需要 在 声明 类 时 加 上 
sealed 关键 字 就 可 以 了 ,这 样 的 类 称 为 密封 类 。 例 如 : 


sealed class 类 名 
{ 


} 

这 样 就 不 能 从 该 类 派生 任何 子 类 。 

5. 多 态 性 

多 态 性 也 是 面向 对 象 程序 设计 最 重要 的 特性 之 一 。 多 态 性 是 指 发 出 同样 的 消息 (如 方法 
调用 ) 被 不 同类 型 的 对 象 接收 时 可 能 导致 不 同 的 行为 ,运算 符 重 载 和 方法 重 载 都 属于 多 态 性 的 
表现 形式 。 本 节 介 绍 采 用 虚 方 法 实现 多 态 性 ,也 就 是 子 类 继承 父 类 ,并 重 写 父 类 的 方法 ,从 而 
实现 了 不 同 的 操作 。 

(1) 隐藏 基 类 方法 

C# 中 可 以 为 每 个 类 的 每 个 方法 给 出 特定 的 代码 ,而 且 还 需要 让 程序 能 够 调用 正确 的 方 
法 。 当 派生 类 从 基 类 继承 时 , 它 会 获得 基 类 的 所 有 方法 、 字 段 、 属 性 和 事件 。 若 要 更 改 基 类 的 
数据 和 行为 ,有 两 种 选择 ,可 以 使 用 新 的 派生 成 员 替 换 基 成 员 或 可 以 重 写 虚拟 的 基 成 员 。 本 小 
节 介 绍 前 一 种 方法 ,在 下 一 小 节 介绍 后 一 种 方法 。 

在 使 用 新 的 派生 方法 替换 基 方法 时 应 使 用 new 关键 字 。 例 如 


class A // 声 明基 类 A 

{ public void fun() 
{ // 输 出 A; } 

} 

class B:A // 从 A 类 派生 B 类 

{new public void fun() // 隐 藏 基 类 方法 fun 
{ // 输 出 B } 

} 

执行 以 下 语句: 

Bb=newB(); 

b. fun(); // 结 果 输 出 B 


从 结果 中 看 到 ,b. fun() 语 句 调用 的 是 类 B 的 方法 。 如 果 类 B 中 fun 方法 定义 没有 使 用 
new 关键 字 ,编译 时 会 给 出 警告 信息 :“B. fun() 隐 藏 了 继承 的 成 员 A. fun() ,如果 是 有 意 隐 
藏 ,请 使 用 关键 字 new”。 

如 果 要 在 派生 类 中 使 用 基 类 中 隐藏 了 的 成 员 ,可 以 使 用 "base. 成 员 名 ”。 

(2) 重 写 基 类 方法 

重 写 是 指 在 子 类 中 编写 有 相同 名 称 和 参数 的 方法 ,或 者 说 重 写 是 在 子 类 中 对 父 类 的 方法 
进行 修改 或 重新 编写 。 重 写 和 重 载 是 不 同 的 , 重 载 是 指 编 写 ( 在 同一 个 类 中 ) 具 有 相同 的 名 称 、 
却 有 不 同 的 参数 即 有 不 同 签名 的 方法 。 也 就 是 说 , 重 写 是 指 子 类 中 的 方法 与 基 类 中 的 方法 具 
有 相同 的 签名 ,而 重 载 方法 具有 不 同 的 签名 。 

重 写 父 类 方法 的 过 程 如 下 : 
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。 在 父 类 中 使 用 virtual 关键 字 把 某 个 方法 定义 为 虚 方 法 ; 
。 在 子 类 中 使 用 override 关键 字 重 写 父 类 的 虚 方 法 。 
【 练 一 练 】 在 CH6 网 站 中 设计 一 个 网 页 webform4. aspx, 说 明 构 造 函 数 的 使 用 方法 。 
其 设计 步骤 如 下 : 
@ 打开 CH6 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH6” 对 话 框 ,在 中 
间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform4. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 按 
钮 ,创建 一 个 空 的 网 页 。 
@ 打开 Classl. css 类 文件 ,添加 如 下 4 个 类 的 代码 : 
public class Rectangle // 长 方形 类 
{ protected double x, y; 
public Rectangle() { } 
public Rectangle(double x1, double yl1) 
4 Es ny 
public virtual double Area( ) // 求 面积 方法 


{ returnx * y;} 


} 


public class Circle : Rectangle // 从 Rectangle 类 派生 圆 类 
{ public Circle(double r) : base(r, 0) { } 
public override double Rrea() // 求 面积 方法 


{ return Math.PI * x * x;} 


} 


public class Sphere : Rectangle // 从 Rectangle 类 派生 圆 球体 类 
{ public Sphere(double r) : base(r, 0) { } 
public override double Area( ) // 求 面积 方法 


{ return4 * Math.PI x x * x;} 
} 


public class Cylinder : Rectangle // 从 Rectangle 类 派生 圆柱 体 类 
{ public Cylinder(double r，double h) : base(r, h) { } 
public override double Area() // 求 面积 方法 


{ return2 * Math.PI * x * x + 2 * Math.PI * x * y;} 
} 


其 中 ,Rectangle 是 基 类 ,该 基 类 包含 x( 长 ) 和 y( 宽 ) 两 个 保护 的 字段 和 计算 图 形 面积 或 表 
面积 的 Area() 虚 方法 ,从 它 派生 出 Circle、Cylinder 和 Sphere 类 。 每 个 派生 类 都 有 各 自 的 
Area() 重 写实 现 。 根 据 与 此 方法 关联 的 对 象 ,通过 调用 正确 的 Area() 实 现 ,该 程序 为 每 个 图 
形 计算 并 显示 正确 的 面积 或 表面 积 。 

@ 打开 webform4. aspx 网 页 ,设计 其 界面 如 图 6. 15 所 示 , 其 中 主要 包含 6 个 文本 框 ( 从 
上 到 下 、 从 左 到 右 ID 分 别 为 TextBoxl ~ TextBox6)、1 个 命令 按钮 Buttonl 和 1 个 标签 
Labell 。 

@ 网 页 上 设计 如 下 事件 处 理 方法 : 

protected void Buttonl1 Click(object sender, EventArgs e) 

{ double x = double.Parse(TextBox]l. Text. Trim()); 

double y = double.Parse(TextBox2.Text. Trim()); 
double rl double. Parse( TextBox3. Text. Trim( )); 


double r2 = double.Parse(TextBox4. Text. Trim()); 
double r3 = double.Parse(TextBox5.Text. Trim()); 
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double h = double. Parse(TextBox6. Text. Trim()); 
Rectangle 七 = new Rectangle(x, y); 

Rectangle c = new Circle(r1); 

Rectangle s = new Sphere(r2); 

Rectangle 1 = new Cylinder(r3, h); 

string mystr = "求解 结果 如 下 : <br>"; 

mystr += "长 方形 面积 = ”+ Math. Round(t.Area(),2) + ","; 


Labell. Text = mystr; 


} 


@ 单 击 工 具 栏 中 的 p> Internet Explorer 按钮 执行 本 网 页 ,输入 各 个 值 , 单 击 “ 求 面积 ”命令 按 
钮 ,其 执行 结果 如 图 6. 16 所 示 。 


El™ 


| rapyhlocalhost6199 PO Fn 
x 


长 方形 面积 =13. 44, 轩 面积 =28. 27 


[Label1] 5 园 球 体 表面 积 -113. 1, 图 柱 体 表面 积 -150. 8 
CE a , 济 
图 6.15 webform4 网 页 的 设计 界面 图 6.16 webform4 网 页 的 执行 界面 


6.10.2 接口 设计 


C# 不 像 Ct+ 那 样 支持 类 的 多 继承 ,为 此 提供 了 接口 可 以 实现 C++ 中 多 继承 的 功能 。 

1. 接口 设计 概述 

C# 中 接口 是 类 之 间 交 互 内 容 的 一 个 抽象 ,把 类 之 间 需 要 交互 的 内 容 抽 象 出 来 定义 成 接 
口 , 可 以 更 好 的 控制 类 之 间 的 逻辑 交互 。 

接口 只 包含 方法 、 委 托 或 事件 的 签名 ,方法 的 实现 是 在 实现 接口 的 类 中 完成 的 。 例 如 ,如 
下 代码 声明 了 一 个 接口 : 

interface Ia // 声 明 接口 Ia 

{ 


float getarea( ); // 接 口 成 员 声 明 
} 


其 中 getarea 方法 只 有 声明 部 分 。 设 计 一 个 Rectangle 类 实现 该 接口 : 


public class Rectangle : Ia // 类 A 继承 接口 Ia 
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{ float x,y; 


public Rectangle(float x1, float y1) // 构 造 函 数 
下 
public float getarea() // 隐 式 接口 成 员 实现 ,必须 使 用 public 


{ returnxx*y; } 


让 
这 样 ,就 可 以 定义 Rectangle 类 的 对 象 并 调用 getarea 方法 了 : 


Rectangle boxl = new Rectangle(2.5, 3.0); // 定 义 一 个 类 实例 

TextBox1. Text = boxl. getarea(); // 文 本 框 中 显示 长 方形 面积 为 7.5 

一 个 接口 可 以 从 零 个 或 多 个 接口 中 继承 。 一 个 接口 可 以 被 多 个 类 继承 ,在 这 些 类 中 实现 
该 接口 的 成 员 ,这 样 接口 就 起 到 提供 统一 界面 的 作用 。 

2. 接口 设计 应 用 

前 面 介绍 过 C# 数 组 和 集合 ,集合 是 ArralList 类 的 对 象 。 集 合 排序 是 十 分 有 用 的 ,对 于 
简单 类 型 的 集合 元 素 , 可 以 直接 使 用 ArrayList 类 的 Sort 方法 排序 ,而 对 于 复杂 类 型 的 集合 元 
素 ,需要 使 用 C# 的 Comparable 等 系统 接口 。 

IComparable 接口 定义 通用 的 比较 方法 ,由 值 类 型 或 类 实现 以 创建 类 型 特定 的 比较 方法 。 
其 公共 成 员 有 CompareTo, 它 用 于 比较 当前 实例 与 同一 类 型 的 另 一 对 象 。 其 使 用 请 法 格式 
如 下 : 


int CompareTo(Object obj) 


其 中 ,obj 表示 与 此 实例 进行 比较 的 对 象 。 其 返回 值 是 一 个 32 位 有 符号 整数 ,指示 要 比较 的 
对 象 的 相对 顺序 。 返 回 值 的 含义 如 下 : 

。 小 于 零 : 此 实例 小 于 obj。 

。 和 零 : 此 实例 等 于 obj。 

。 大 于 零 : 此 实例 大 于 obj。 

IComparable 接口 的 CompareTo 方法 提供 默认 排序 次 序 , 如 果 需 要 改变 其 排序 方式 ,可 
以 在 相关 类 中 实现 CompareTo 方法 ,以 定制 其 比较 功能 。 

【 练 一 练 】 在 CH6 网 站 中 设计 一 个 网 页 webform5. aspx, 说 明 使 用 Comparable 接口 实 
现 集合 排序 的 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH6 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH6” 对 话 框 ,在 中 
间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform5. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 按 
钮 ,创建 一 个 空 的 网 页 。 

@ 打开 Classl. css 类 文件 ,添加 如 下 代码 : 


public class student : IComparable //student 类 从 接口 派生 
{ public int xh { get;set; } // 学 号 属性 

public string xm { get; set; } // 姓 名 属性 

public int fs { get;set; } // 分 数 属性 

public student() { } 

public student( int no，string name，int degree) // 构 造 函 数 


xh = no; xm = name; fs = degree; 
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} 


public int CompareTo(object obj) // 实 现 接口 方法 

{ student s = (student)obj; // 转 换 为 student 实例 
if (fs < s.fs) return 1; 
else if (fs == s.fs) return 0; 


else return 一 17 


} 


@ 在 本 网 页 中 拖 电 一 个 标签 Labell 和 一 个 命令 按钮 Buttonl ,设置 好 字体 和 颜色 属性 。 
设置 如 下 处 理 方法 : 


protected void Button1_Click(object sender, EventArgs e) 
{ int i; 

ArrayList myarr = new ArrayList(); 

student st = new student(1," 王 华 ",88); 

myarr. Add( st); 

st = new student(2," 李 明 ",78); 

myarr, Add( st); 

st = new student(3，" 章 冰 "，92); 

myarr, Add( st); 

myarr. Sort( ); 

Labell. Text = ""; 

foreach (student item in myarr) 

Labell. Text += item.xh + "&nbsp;" + item.xm + "gnbsp;" 
+ item. fs.ToString() + "<br>"; 


} 

@ 单 击 工具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 , 单 
击 “ 按 分 数 递减 排序 ”命令 按钮 ,其 执行 结果 如 图 6. 17 所 示 。 

由 于 myarr 集合 (ArrayList 类 对 象 ) 中 存放 的 是 student 
类 对 象 ,调用 myarr. Sort() 方 法 时 不 知道 按 哪 个 字段 排序 ,所 
以 需要 在 student 类 中 实现 IComparable 接口 的 CompareTp 
方法 ,这 样 ,在 调用 myarr. Sort() 方 法 时 ,自动 采用 CompareTo 一 = 
方法 进行 数组 元 素 的 大 小 比较 。 图 6.17 webform5 网 页 的 执行 界面 


6.11 练 习 题 


1. 单项 选择 题 
(1) C# 的 数据 类 型 有 ( )。 

A. 值 类 型 和 调用 类 型 B. 值 类 型 和 引用 类 型 

C. 引用 类 型 和 关系 类 型 D. 关系 类 型 和 调用 类 型 
(2) 以 下 ( ) 语 句 是 创建 数组 的 正确 语句 。 

A. floatf[ ]=newfloat[6]; B. floatf[6]=newfloat[6]; 


C. float[L J{=newfloat[6]; D. floatf=newfloat[6]; 
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(3) 在 C# 中 ,关于 while 和 do-while, 以 下 说 法 正确 的 是 ( Ns 
A. while 语句 先 执行 然后 判断 条 件 是 否 成 立 
B. while 语句 最 少 的 循环 次 数 是 一 次 
C. do-while 语句 先 执行 然后 判断 条 件 是 否 成 立 
D. do-while 语句 最 少 的 循环 次 数 是 0 次 
(4) 在 C# 中 using 关键 字 的 作用 是 ( 了 


A. 定义 命名 空间 B. 新 建 实例 C. 调用 类 D. 引入 命名 空间 
(5) 在 类 的 定义 中 ,类 的 ( ) 描 述 了 该 类 的 对 象 的 行为 特征 。 

A. 方法 B. 类 名 C. 命名 空间 D. 私有 字段 
(6) 在 C# 中 new 关键 字 的 作用 是 ( We 

A. 新 建 对 象 实例 B. 定义 命名 空间 “C. 调用 类 D. 引入 命名 空间 
(7) 调用 重 载 方法 时 ,系统 根据 ( ) 来 选择 具体 的 方法 。 

A. 方法 名 B. 参数 的 个 数 和 类 型 

C. 参数 名 及 参数 个 数 D. 方法 的 返回 值 类 型 
(8) 以 下 几 个 函数 ,( ) 是 重 载 函数 。 

GD voidfl Cint) ©@ intfl (int) ©® intfl (int,int) @ floatk(int) 

A. 4 个 全 B. D 和 @ C. @ 和 ® D. 四 和 四 
(9) 下 列 关于 构造 函数 的 描述 正确 的 是 ( Ns 

A. 构造 函数 可 以 声明 返回 类 型 B. 构造 函数 不 可 以 用 private 修饰 

C. 构造 函数 必须 与 类 名 相同 D. 构造 函数 不 能 带 参 数 


(10) 以 下 关于 ref 和 out 的 叙述 中 错误 的 是 ( 。”)。 
A. 使 用 ref 参数 ,传递 到 ref 形 数 的 实 参 必须 最 先 初始 化 
B. 使 用 out 参数 ,传递 到 out 形 数 的 实 参 必 须 最 先 初始 化 
C. 使 用 ref 参数 ,必须 将 实 参 作 为 ref 参数 显 式 传递 到 方法 
D. 使 用 out 参数 ,必须 将 实 参 作为 out 参数 显 式 传递 到 方法 
(11) 有 如 下 类 声明 : 
public class People 
{ intage = 8; 
public int Age 
" get { return age; } 


} 
} 


执行 以 下 语句 后 TextBoxl 中 的 结果 是 ( Ne 


People p = new People(); 


p. Aget+; 
TextBox1. Text = p. Age. ToString( ); 
A.8 B. 9 C. 程序 有 编译 错误 D. 0 


(12) 类 的 字段 和 方法 的 默认 访问 修饰 符 是 ( )。 


A. public B. private C. protected D. internal 
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(13) 假设 类 也 继承 了 类 A ,下 列 说 法 错误 的 是 ( Ys 
A. 类 B 中 的 成 员 可 以 访问 类 A 中 的 公有 成 员 
B. 类 B 中 的 成 员 可 以 访问 类 A 中 的 保护 成 员 
C. 类 B 中 的 成 员 可 以 访问 类 A 中 的 私有 成 员 
D. 类 B 中 的 成 员 可 以 访问 类 A 中 的 静态 成 员 


(14) 以 下 接口 和 类 的 叙述 中 正确 的 是 
A. 类 可 以 继承 而 接口 不 能 B. 类 不 能 继承 而 接口 可 以 
C. 类 可 以 多 继承 而 接口 不 能 D. 类 不 能 多 继承 而 接口 可 以 
(15) 在 C# 程 序 中 可 以 使 用 try-catch 机 制 来 处 理 程序 出 现 的 ( ) 错 误 。 
A. 语法 B. 执行 C. 逻辑 D. 拼写 
2. 问答 题 


(1) 什么 是 装 箱 和 拆 箱 ? 
(2) 在 C# 中 ,String str 一 null 与 String str 一 "" 有 什么 区 别 ? 
(3) 简 述 类 字段 和 方法 前 加 static 的 作用 。 
(4) 简 述 private ,protected public internal 类 成 员 修饰 符 的 访问 权限 。 
(5) try {} 里 有 一 个 return 语句 ,那么 紧 跟 在 这 个 try 后 的 finally {} 里 的 代码 会 不 会 被 执 
行 , 什 么 时 候 被 执行 ,在 return 前 还 是 后 ? 
(6) 简 述 override 与 重 载 的 区 别 。 
(7) C# 中 的 委托 是 什么 ? 事件 是 不 是 一 种 委托 ? 
(8) 在 命令 按钮 Buttonl 上 设计 一 个 单 击 事件 处 理 方法 ,在 标签 Labell 中 显示 1 一 100 之 
间 的 所 有 素数 。 
(9) 在 命令 按钮 Buttonl 上 设计 一 个 单 击 事件 处 理 方法 ,在 标签 Labell 中 显示 10 个 1 一 
100 之 间 的 不 重复 的 随机 数 (使 用 Random 类 的 Next 方法 产生 随机 数 ) 。 
(10) 一 个 网 页 设计 有 如 下 类 : 
class 有 R 
{ public int a{ get;set;} 
public A(int x) 
{ = 于 


} 

classB:A 

{ public int b { get;set;} 
public B(int x, int y) :base(x) 
{ b= 2;} 

} 


网 页 中 Buttonl 的 单 击 事件 处 理 方法 如 下 : 


protected void Button1_Click(object sender, EventArgs e) 
{ Bobj = newB(1, 2); 
Labell. Text = "a=" + obj.a.ToString() + ",b=" + obj.b.ToString(); 
} 
回答 如 下 问题 : 
@ 类 A 中 的 成 员 a 是 什么 成 员 ? 
@ 在 执行 该 网 页 时 ,用户 单 击 Buttonl 命令 按钮 ,在 Labell 中 显示 的 结果 是 说 明 ? 
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6.12 上 机 实验 题 


在 CH6 网 站 添加 一 个 Exp 网 页 ,设计 界面 如 图 6. 18 所 示 , 用 户 单 击 “ 产 生 随 机 数 并 排 
序 ” 命 令 按 钮 时 ,产生 20 个 1 一 20 的 随机 数 ,并 递增 排序 ,如 图 6. 19 所 示 。 


¢ [Er ol 


碟 localhost x 


| 产生 随机 数 并 排序 | | | 产生 随机 数 并 排序 


排序 前 : 
1312217131697765111011210912918 


2256779991010111112121313161718 


图 6.18 上 机 实验 题 网 页 的 设计 界面 图 6.19 上 机 实验 题 网 页 的 执行 界面 


ASP .NET 控件 


第 gh 2 
草 
网 页 是 由 一 个 一 个 控件 构成 的 ， 
学 会 控件 设计 是 很 重要 的 
A 入 .用户 登 录 
BT 登录 名 : | 用 户 名 邮箱 
AT 
Lz 密 码 : 
[8 
La 验证 码 : RWJ3 Er. ga 
总 本 
[4 让 i lath r 9 
Ey 诗 记 用 户 名 /密码 ? 
本 章 指南 
7.1 ASP .NET 控件 概述 
知识 梳理 
什么 是 ASP.NET 控 件 
HTML 控 件 和 HTML 服 务 器 控件 


Web 服 务 器 控件 


7.1.1 什么 是 ASP .NET 控件 
使 用 ASP .NET 开发 网 页 之 所 以 方便 和 快捷 ,关键 是 它 有 一 组 强大 的 控件 库 , 该 控件 库 
中 的 控件 就 是 ASP .NET 控件 ,每 个 控件 都 是 一 个 可 重用 的 组 件 或 对 象 有 自己 的 属性 、 方 法 


和 可 以 响应 的 事件 。 


第 7 章 ASP .NET 控件 201 


在 ASP .NET 网 页 设计 时 ,工具 箱 中 的 所 有 控件 都 是 ASP .NET 控件 ,都 可 以 拖 忠 到 网 
页 中 构成 网 页 元 素 。 
ASP .NET 控件 分 为 Web 服务 器 控件 .HTML 服务 器 控件 和 HTML 控件 等 类 型 。 


7.1.2 HTML 控件 和 HTML 服务 器 控件 


1. HTML 控件 

HTML 控件 就 是 通常 说 的 HTML 标记 或 静态 元 素 , 在 ASP .NET 工具 箱 的 HTML 类 
别 中 列 出 这 类 控件 ,如 图 7.1 所 示 。 在 前 面 的 网 页 例子 中 使 用 过 
它们 。HTML 控件 不 能 在 服务 器 端 控制 和 访问 ,只 能 在 客户 端 
通过 JavasSript 等 脚本 代码 来 控制 和 访问 。 


Ey 


只 
例如 ,从 工具 箱 的 HTML 类 别 向 网 页 中 拖 忠 一 个 input ete 
(Button) 控 件 , 网 页 中 对 应 的 代码 如 下 : 国 ope (Fi) 
Input (Password) 
< input id= "Buttonl" type = "button" value = "button" /> Input (Checkbox) 
© Input (Radio) 
在 执行 该 网 页 时 ,对 应 的 纯 HTML 代码 中 包含 完全 相同 的 加 ee 
上 述 代码 。 i 
2. HTML 服务 器 控件 号 Ee 
ASP .NET 引入 了 服务 器 控件 的 概念 ,允许 开发 人 员 在 服务 Ve 


器 端 访问 这 些 控 件 , 并 对 它们 进行 控制 。 服 务 器 控件 就 是 网 页 中 
能 够 被 服务 器 端 代码 访问 和 控制 的 任何 控件 ,如 工具 箱 的 标准 部 
分 的 控件 都 是 服务 器 控件 ,它们 都 具有 runat 二 "server" 属 性 ,id 属性 是 服务 器 端 代码 访问 控 
制 的 唯一 标识 号 。 

ASP .NET 服务 器 控件 都 是 网 页 上 的 对 象 ,采用 事件 驱动 的 编程 模型 ,服务 器 控件 的 事件 
处 理发 生 在 服务 器 端 而 不 是 客户 端 ,事件 的 处 理 需要 进行 客户 端 和 服务 器 端的 往返 ,因此 ,在 
某 些 情况 下 会 影响 性 能 。 

所 谓 HTML 服务 器 控件 ,就 是 在 HTML 控件 的 基础 上 加 上 runat= "server" 属 性 设置 所 
构成 的 控件 。 

两 者 的 执行 方式 是 不 同 的 ,HTML 控件 执行 在 客户 端 , 而 HTML 服务 器 控件 执行 在 服务 器 端 。 

在 执行 ASP .NET 网 页 ,会 检查 网 页 元 素 有 无 runat 属性 ,如 果 没 有 ,那么 HTML 标记 就 
会 被 视 为 字符 串 ,并 被 送 到 字符 串 流 等 待 送 到 客户 端 ,客户 端 的 浏览 器 会 对 其 进行 解释 执行 ; 
如 果 HTML 标记 有 runat 二 "server" 属 性 设置 ,页 面 对 象 会 将 该 控件 放 入 控制 器 ,服务 器 端的 
代码 就 能 对 其 进行 控制 ,等 到 控制 执行 完毕 后 再 将 HTML 服务 器 控件 的 执行 结果 转换 成 
HTML 标记 ,然后 当成 字符 串 流 发 送 到 客户 端 进行 解释 执行 。 

例如 ,网 页 中 的 如 下 代码 就 是 将 一 个 HTML 控件 Buttonl 转换 为 一 个 HTML 服务 器 控 
件 Button1( 仅 仅 添加 了 runat 二 "server" 属 性 设置 ): 


图 7.1 工具 箱 的 HTML 类 别 


< input id = "Button1" type = "button" value = "button" runat = "server" /> 


HTML 控件 转换 为 服务 器 控件 后 ,控件 的 事件 在 服务 器 中 处 理 ,对 应 的 事件 名 称 也 会 发 
生变 化 。 例 如 ,命令 按钮 Button 包含 onServerClick 属性 ,而 不 是 常规 HTML 中 使 用 的 
onClick 属性 。 例 如 : 
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< input id= "Buttonl" runat = "server" type = "button" value = " 单 击 " 
onServerClick = "Buttonl_ServerClick" /> 


就 是 告诉 服务 器 当 命 令 按钮 的 单 击 事件 发 生 时 ,应 调用 的 事件 处 理 方法 是 “命令 按钮 id_ 
ServerClick”。 


7.1.3 Web 服务 器 控件 


Web 服务 器 控件 (或 ASP .NET 服务 器 控件 ) ,是 网 页 编程 的 基本 元 素 , 也 是 ASP .NET 
特有 的 。 它 会 按照 客户 端的 情况 产生 一 个 或 多 个 HTML 控件 ,而 不 是 直接 描述 HTML 
元 素 。 

例如 ,从 工具 箱 的 “标准 ”类别 中 拖 电 一 个 Button 控件 到 网 页 ,网 页 中 对 应 的 代码 如 下 : 


<asp:Button ID = "Button1"”runat = "server" Text = "Button" /> 


<asp:Button ID = "Button1" runat = "server" Text = "Button" ></asp Button > 
在 执行 网 页 时 ,看 到 纯 HTML 代码 中 Buttonl 对 应 的 代码 如 下 : 
< input type = "submit" name = "Buttonl" value = "Button" id = "Button1"”/> 


归纳 起 来 ,Web 服务 器 控件 和 HTML 服务 器 控件 的 区 别 如 下 : 

。 Web 服务 器 控件 提供 更 加 统一 的 编程 接口 ,如 每 个 Web 服务 器 控件 都 有 Text 属性 和 
DataBind 方法 等 ; 

。 隐藏 客户 端的 不 同 ,使 用 Web 服务 器 控件 开发 人 员 可 以 把 更 多 的 精力 放 在 业务 上 ,而 
不 用 去 考虑 客户 端的 浏览 器 是 IE 还 是 Firefox, 或 者 是 移动 设备 ; 

。 Web 服务 器 控件 可 以 将 状态 保存 在 ViewState 中 ,这样 页 面 在 从 客户 端 回 传 到 服务 器 
端 或 从 服务 器 端 发 送 到 客户 端的 过 程 中 都 可 以 保存 其 控件 值 等 信息 ; 

。 事件 处 理 模型 不 同 ,HTML 控件 和 HTML 服务 器 控件 的 事件 处 理 都 是 在 客户 端的 页 
面 上 ,而 Web 服务 器 控件 则 是 在 服务 器 上 。 也 就 是 说 ,HTML 控件 和 HTML 服务 器 
控件 的 事件 是 由 页 面 来 触发 的 ,而 Web 服务 器 控件 则 是 由 页 面 把 表单 发 回 到 服务 器 
端 ,由 服务 器 来 处 理 。 

Web 服务 器 控件 又 分 为 Web 标准 服务 器 控件 、 验 证 控件 ,用户 控 件 和 导航 控件 等 。 


7.2 Web 标准 服务 器 控件 


知识 梳理 


Web 标 准 服务 器 控件 的 分 类 
Web 标 准 服务 器 控件 


Web 标 准 控件 的 公共 属性 、 公 共 方 法 和 公共 事件 
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7.2.1 Web 标准 服务 器 控件 的 分 类 


Web 标准 服务 器 控件 (简称 Web 标准 控件 ) 是 开发 网 页 中 最 常用 的 控件 。 位 于 工具 箱 的 
“标准 ?类 别 下 ,共有 29 个 。 按 照 功能 大 致 分 为 3 类 , 即 Web 表单 控件 、 列 表 控 件 和 其 他 控件 。 

表单 控件 放置 表单 中 ,构成 表单 的 基本 元 素 。 列 表 控件 可 以 存放 多 个 数据 项 。 

实际 上 ,所 有 的 网 页 控件 都 是 从 System. Web. UI. Control. WebControls 直接 或 间接 派生 
而 来 的 ,都 包含 在 System. Web. UI. WebControls 命名 空间 下 。 所 以 ,网 页 程序 代码 都 包含 如 
下 语句 引用 该 命名 空间 : 


using System, Web. UI. WebControls; 


7.2.2 ”Web 标准 控件 的 公共 属性 、 公 共 方 法 和 公共 事件 


1. Web 标准 控件 的 公共 属性 
Web 标准 控件 的 属性 可 以 通过 “属性 ”窗口 来 设置 ,也 可 以 通过 HTML 代码 实现 。Web 
标准 控件 以 "asp:” 为 前 级 ,ID 属性 指定 其 ID 值 ,作为 控件 的 唯一 标识 ,在 向 客户 端 呈 现时 ,会 
将 ID 属性 转换 为 id 属性 。 每 个 Web 标准 服务 器 控件 都 有 一 系列 的 属性 ,如 表 7. 1 所 示 。 
表 7.1 Web 标准 控件 的 常用 公共 属性 
属 性 说 有 阴 
BackColor 设 定 对 象 的 背景 色 ,其 属性 的 设 定 值 为 颜色 名 称 或 是 #RRGGBB 的 格式 
BorderWidth 设 定 控 件 的 边框 宽度 
BorderColor 用 来 设 定 边框 的 颜色 
BorderStyle 用 来 设 定 控件 的 边框 样式 
Enabled 用 来 决定 控件 是 否 正常 工作 , 即 是 否 有 效 。 默 认 值 是 True 
Font 用 来 设置 控件 的 字体 及 大 小 
Height、Width ”| 用 来 设 定 控件 的 高 和 宽 ,通常 单位 是 pixel( 像 素 , 简 写 为 px) 
用 来 设 定 当 用 户 按 下 Tab 键 时 ,控件 接收 焦点 的 顺序 ,如 果 没 有 设 定 这 个 属性 ,其 默认 


TabIndex 值 为 零 。 如 果 控 件 的 TabIndex 属性 值 相同 , 则 是 以 控件 在 ASP .NET 网 页 中 被 配置 的 
顺序 来 决定 

ToolTip 设置 小 提示 。 在 设 定 本 属性 后 , 当 用 户 停留 在 控件 上 时 就 会 出 现 提 示 的 文字 

Visible 设置 控件 是 否 显示 。 设 定 为 False 时 ,在 运行 网 页 时 看 不 到 该 控件 

Casclas 获取 或 设置 由 Web 服务 器 控件 在 客户 端 呈 现 的 级 联 样式 表 (CSS) 类 , 即 设置 控件 的 
样式 

SkinID 获取 或 设置 要 应 用 于 控件 的 外 观 


获取 或 设置 此 控件 的 视图 状态 模式 , 取 值 为 Disabled 表示 禁用 此 控件 的 视图 状态 ,即使 
父 控件 已 启用 了 视图 状态 也 是 如 此 ; 取 值 为 Enabled 表示 启用 此 控件 的 视图 状态 ,即使 
父 控件 已 禁用 了 视图 状态 也 是 如 此 ; 取 值 为 Inherit (默认 值 ) 表 示 从 父 控件 继承 
ViewStateMode 的 值 


ViewStateMode 


2. Web 标准 控件 的 公共 方法 
Web 标准 服务 器 控件 的 公共 方法 如 表 7.2 所 示 。 
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表 7.2 Web 标准 控件 的 常用 公共 方法 


方 ” 法 说 有 明 
ApplyStyleSheetSkin 将 网 页 样式 表 中 定义 的 样式 属性 应 用 到 控件 
DataBind 将 数据 源 绑 定 到 被 调用 的 服务 器 控件 及 其 所 有 子 控件 
Dispose 使 服务 器 控件 得 以 在 从 内 存 中 释放 之 前 执行 最 后 的 清理 操作 
FindControl 在 当前 的 命名 容器 中 搜索 指定 的 服务 器 控件 
Focus 为 控件 设置 输入 焦点 
GetType 获取 当前 实例 的 类 型 
HasControls 确定 服务 器 控件 是 否 包 含 任何 子 控件 
Render 将 控件 呈现 给 指定 的 HTML 编写 器 
RenderControl 生成 服务 器 控件 HTML 输出 


3. Web 标准 控件 的 公共 事件 
Web 标准 服务 器 控件 的 公共 事件 如 表 7. 3 所 示 。 
表 7.3 ”Web 标准 控件 的 常用 公共 事件 
事 件 说 了 明 


DataBinding 当 服务 器 控件 绑 定 到 数据 源 时 引发 

Disposed 当 从 内 存 释放 服务 器 控件 时 引发 ,这 是 请 求 ASP .NET 网 页 时 服务 器 控件 生存 期 的 最 后 阶段 
Init 当 服 务 器 控件 初始 化 时 引发 ,初始 化 是 控件 生存 期 的 第 一 步 

Load 当 服 务 器 控件 加 载 网 页 时 引发 

PreRender ”在 加 载 控件 对 象 之 后 .呈现 之 前 引发 

Unload 当 服务 器 控件 从 内 存 中 务 载 时 引发 


7.3 常用 的 表单 控件 
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Label 控 件 


TextBox 控 件 


Button 控 件 


常用 的 表单 控件 Image 控 件 


HyperLink 控 件 


CheckBox 控 件 


RadioButton 控 件 
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7.3.1 Label 控件 


Label 控件 又 称 为 标签 控件 。 在 网 页 执行 中 希望 显示 不 能 被 用 户 更 改 的 文本 ,或 当 触发 事件 
时 , 某 一 段 由 相应 事件 处 理 过 程 更 改 的 文本 , 则 可 以 使 用 标签 控件 。 开 发 人 员 可 以 非常 方便 地 将 
标签 控件 拖 忠 到 网 页 。 拖 忠 到 网 页 后 ,该 网 页 自动 生成 一 段 标签 控件 的 声明 代码 。 例 如 : 


<asp:Label ID = "Labell" runat = "server" Text = "Label" /> 


上 述 代码 中 ,声明 了 一 个 标签 控件 ,并 将 这 个 标签 控件 的 ID 属性 设置 为 默认 值 Labell 。 
由 于 该 控件 是 服务 器 端 控 件 , 所 以 在 控件 属性 中 包含 runat= "server" 属 性 。 该 代码 还 将 标签 
控件 的 文本 初始 化 为 "Label”, 可 以 修改 该 属性 以 便 显示 不 同文 本 内 容 。 
标签 的 Text 属性 包含 的 字符 串 可 以 有 多 行 ,可 以 包含 HTML 标记 。 例 如 : 
<asp:Label ID = "Labell" runat = "server" BorderStyle = "Ridge" 
Text = "&nbsp; 我 的 标签 控件 :< br > Label1" Font - Bold = "True" 
Font - Names = "仿宋 " Font - Size = "Large" ForeColor = "Fuchsia" /> 
上 述 标签 Labell 在 浏览 器 中 显示 的 外 观 如 图 7.2 所 示 。 
如 果 开 发 人 员 只 是 为 了 显示 一 般 的 文本 或 静态 文字 ,不 推荐 使 
用 Label 控件 ,因为 网 页 的 服务 器 控件 过 多 ,会 导致 性 能 问题 。 使 用 
静态 的 HTML 文本 能 够 让 网 页 速度 更 快 。 图 7.2 一 个 标签 的 外 观 


7.3.2 TextBox 控件 


TextBox 控件 又 称 文本 框 控件 。TextBox 控件 用 于 让 用 户 输入 文本 字符 串 数 据 , 它 的 常 
用 属性 方法 和 事件 如 表 7.4 所 示 。 


表 7.4 TextBox 控件 的 常用 属性 、 方 法 和 事件 


类 型 名 称 说 明 
获取 或 设置 一 个 值 ,该 值 表示 控件 失去 焦点 时 是 否 发 生 自 动 回 发 到 服务 器 的 
AutoPostBack 操作 
Columns 设置 文本 框 的 水 平 尺寸 ,单位 为 字符 
MaxLength 设置 文本 框 的 最 大 字符 数 (不 能 用 于 多 行文 本 框 
属性 ReadOnly 设置 文本 框 是 否 为 只 读 的 
Rows 设置 文本 框 的 垂直 尺寸 
Text 设置 文本 框 中 显示 的 文本 
设置 文本 框 的 文本 模式 ,可 取 MultiLine( 多 行 )、Password( 作 为 密码 输入 ) 或 
TextMode a 
SingleLine( 单 行 ) 等 值 
Wrap 设置 多 行文 本 框 中 的 文本 是 否 回 绕 
方法 | OnTextChanged | 引发 TextChanged 事件 
事件 | TextChanged 当 文 本 框 内 容 发 生 改 变 时 引发 此 事件 


默认 情况 下 ,TextMode 属性 设置 为 SingleLine, 它 创建 只 包含 一 行 的 文本 框 。 还 可 将 此 
属性 设置 为 MultiLine 或 Password, 分 别 用 于 多 行文 本 输入 和 密码 输入 。 在 作为 密码 输入 文 
本 框 时 ,用 户 的 输入 用 “ * ”替代 ,达到 保密 的 效果 。 文 本 框 的 显示 宽度 由 其 Columns 属性 确 
定 。 如 果 文 本 框 是 多 行文 本 框 , 则 其 显示 高 度 由 Rows 属性 确定 。 
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如 图 7. 3 所 示 , 从 左 到 右 分 别 是 TextMode 属性 为 SingleLine、Password 和 MultiLine 
(Rows 王 3) 的 3 个 文本 框 。 

使 用 Text 属性 获取 用 户 在 TextBox 控件 中 输 
入 的 内 容 。 通 过 设置 MaxLength 属性 ,可 以 限制 
可 输入 到 此 控件 中 的 字符 数 。 将 Wrap 属性 设置 
为 true 来 指定 当 到 达 文 本 框 的 结尾 时 ,其 中 的 内 容 应 自动 在 下 一 行 继续 。 

AutoPostBack 属性 决定 控件 中 文本 内 容 修改 后 ,是 否 自动 回 发 到 服务 器 。 默 认为 False， 
即 修改 文本 后 并 不 立即 回 发 到 服务 器 ,而 是 等 网 页 表单 被 提交 后 一 并 处 理 。 若 为 True, 则 每 
次 更 改 文 本 框 的 内 容 并 且 焦 点 离开 控件 时 ,都 会 自动 回 发 ,并 使 服务 器 处 理 该 控件 相应 的 
TextChanged 事件 。 


China 


China wove 


图 7.3 3 种 不 同类 型 的 文本 框 


7.3.3 Button 控件 


Button 控件 又 称 命令 按钮 控件 , 它 的 常用 属性 、 方 法 和 事件 如 表 7. 5 所 示 。 
表 7.5 Button 控件 的 常用 属性 、 方 法 和 事件 


类 型 名 称 说 有明 

Text 设置 命令 按钮 上 显示 的 文本 

属性 CommandName 单 击 命令 按钮 时 ,该 值 来 指定 一 个 命令 名 称 
CommandArgument | 单 击 命令 按钮 时 ,将 该 值 来 传递 给 Command 事件 
CausesValidation 设置 为 False, 则 所 提交 作为 参数 的 表单 不 被 检验 ,默认 为 True 
OnClick 引发 Click 事件 

六 区 OnCommand 引发 Command 事件 

事件 Click 单 击 命令 按钮 且 包 含 它 的 表单 被 提交 到 服务 器 时 ,引发 此 事件 
Command 单 击 命令 按钮 时 ,引发 此 事件 


默认 的 Button 按钮 为 Submit( 提 交 ) 按 钮 ,这 种 情况 下 不 要 指定 CommandName 属性 和 
CommandArgument 属性 值 .其 功能 是 在 单 击 时 激活 Click 事件 将 包含 它 的 表单 提交 给 相应 的 
服务 器 进行 处 理 。 

当 设置 CommandName 属性 和 CommandArgument 属性 后 , Button 按钮 成 为 Command 
(命令 ) 按 钮 ,在 单 击 时 激活 Command 事件 。 当 多 个 Command 按钮 共用 一 个 OnCommand 方 
法 时 ,可 以 根据 CommandArgument 值 确定 单 击 了 哪个 Button 控件 。 对 于 Command 按钮 ， 
在 单 击 时 激活 Command 事件 ,同样 会 将 包含 它 的 表单 提交 给 相应 的 服务 器 进行 处 理 。 

例如 ,在 一 个 网 页 中 设计 如 下 两 个 Command 按钮 Buttonl 和 Button2: 

<asp:Button ID = "Button1"” runat = "server” CommandArgument = "第 1 个 Command 按钮 " 

CommandName = "Command”OnCommand = "Button_Command"”Text = "命令 按钮 1" /> 


<asp:Button ID = "Button2" runat = "server”CommandArgument = "第 2 个 Command 按钮 " 
CommandName = "Command"”OnCommand = "Button_Command" Text = "命令 按钮 2" /> 


设计 Button_Command 事件 处 理 方法 如 下 : 


protected void Button Command(object sender, CommandEventArgs e) 
{ 

Labell. Text = e.CommandArgument.ToString(); 
} 
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在 执行 该 网 页 时 ,用 户 单 击 “ 命 令 按钮 1”, 在 Labell 标签 中 显示 “第 1 个 Command 按 
钮 ”, 用 户 单 击 “ 命 令 按 钮 2”, 在 Labell 标签 中 显示 “第 2 个 Command 按钮 ”。 

另外 ,许多 Web 服务 器 控件 都 有 Attributes 属性 , 它 是 一 个 集合 (AttributeCollection 类 
对 象 ) ,用 于 获取 在 ASP .NET 网 页 内 的 服务 器 控件 标记 上 表示 的 所 有 属性 名 称 和 值 对 的 集 
合 。Attributes 属性 使 开发 人 员 可 以 采用 编程 方式 控制 与 Web 服务 器 控件 关联 的 属性 。 
例如 : 


Button1. Attributes. Add("onclick", "alert( 'OK');return false"); 


该 语句 的 功能 是 : 在 ASP .NET 将 Buttonl 控件 转换 为 客户 端的 HTML 标记 之 后 ,在 该 
元 素 上 添加 一 个 onclick 属性 ,用 户 单 击 时 执行 JavaScript 脚本 代码 “alert('OK '); return 
false”。 

又 如 : 


TextBox1. Attributes. Add("value", TextBox2.Text); 


该 语句 的 功能 是 : 给 客户 端的 TextBoxl 文本 框 添加 value 属性 ,用 于 显示 TextBox2 文 
本 框 的 值 。 
上 述 语 句 通常 放 在 网 页 的 Page_Load 事件 处 理 方法 中 。 


7.3.4 Image 控件 


Image 控件 又 称 图 像 控 件 , 用 于 在 网 页 上 显示 图 像 , 它 的 常用 属性 如 表 7.6 所 示 。 
表 7.6 Image 控件 的 常用 属性 


属 性 说 明 
AlternateText 获取 或 设置 当 图 像 不 可 用 时 ,Image 控件 中 显示 的 替换 文本 
ImageAlign 获取 或 设置 Image 控件 相对 于 网 页 上 其 他 元 素 的 对 齐 方 式 
ImageUrl 获取 或 设置 在 Image 控件 中 显示 的 图 像 的 位 置 


ImageUrl 属性 用 来 获取 Image 控件 中 要 显示 的 图 像 的 地 址 ,在 通过 “属性 ”窗口 设置 该 属性 
时 , 单 击 ImageUrl 属性 后 的 国 按 钮 ,弹出 一 个 “选择 图 像 " 对 话 框 ,可 以 从 中 选择 要 显示 的 图 像 。 
例如 ,如 下 Imagel 控件 显示 stud. jpg 图 像 : 


<asp:Image ID= "Imagel" runat = "server" ImageUrl = "一 /Image/stud. jpg" /> 
此 外 ,还 有 ImageButton 控件 ,其 使 用 与 Image 控件 类 似 。 
7.3.5 HyperLink 控件 


HyperLink 控件 又 称 超 链接 控件 ,相当 于 实现 了 HTML 代码 中 的 “一 a href 二 "" 二 过 /a 二 " 效 
果 。HyperLink 控件 可 以 通过 传递 指定 的 参数 来 访问 不 同 的 网 页 。 当 引发 一 个 事件 后 , 超 链 
接 的 属性 可 以 被 改变 。HyperLink 控件 的 常用 属性 如 表 7.7 所 示 。 

例如 , 单 击 如 下 HyperLinkl 控件 时 转向 webforml. aspx 网 页 : 

<asp:HyperLink ID = "HyperLink1" runat = " server”NavigateUrl = "一 /webform1. aspx"> 


转向 webforml 
</asp:HyperLink > 
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表 7.7 HyperLink 控件 的 常用 属性 


属 性 说 有明 
ImageUrl 获取 或 设置 为 HyperLink 控件 显示 的 图 像 的 路 径 
NavigateUrl 获取 或 设置 单 击 HyperLink 控件 时 链接 到 的 URL 
Target 指定 NavigateUrl 的 目标 框架 
Text 获取 或 设置 HyperLink 控件 的 文本 标题 


此 外 ,还 有 LinkButton 控件 ,以 命令 按钮 的 方式 显示 超 链接 ,其 使 用 与 HyperLink 控件 
类 似 。 


7.3.6 CheckBox 控件 


CheckBox 控件 又 称 复 选 框 控件 ,对 应 命名 空间 System. Web. UI. WebControls 中 的 
CheckBox 类 。 该 控件 为 用 户 提供 了 一 种 输入 布尔 型 数据 的 方法 ,允许 用 户 进行 多 项 选择 ,对 
应 HTML 的 二 input type 一 "checkbox" 之 。CheckBox 控件 的 常用 属性 和 事件 如 表 7. 8 所 示 。 


表 7.8 CheckBox 控件 的 常用 属性 和 事件 


类 型 名 称 说 明 

AutoPostBack ”| 获取 或 设置 一 个 值 ,该 值 指示 在 单 击 时 CheckBox 状态 是 否 自动 回 发 到 服务 器 
属性 | Checked 获取 或 设置 一 个 值 ,该 值 指示 是 否 已 选中 CheckBox 控件 

Text 获取 或 设置 与 CheckBox 关联 的 文本 标签 
事件 | CheckedChanged | 当 Checked 属性 的 值 在 向 服务 器 进行 发 送 期 间 更 改 时 发 生 


例如 ,如 下 代码 在 网 页 中 放置 3 个 CheckBox 控件 : 
< asp:CheckBox ID = "CheckBox1"” runat = "server"”Text = "选项 1" /> 


< asp:CheckBox ID = "CheckBox2"” runat = "server" Text = "选项 2" /> 
<asp:CheckBox ID = "CheckBox3"” runat = "server"”Text = "选项 3" /> 


7.3.7 RadioButton 控件 


RadioButton 控件 又 称 单 选 按钮 控件 。RadioButton 类 派生 自 CheckBox 类 ,允许 用 户 互 
斥 地 从 多 个 RadioButton 控件 中 选择 一 个 。RadioButton 控件 的 常用 属性 和 事件 如 表 7. 9 
所 示 。 


表 7.9 RadioButton 控件 的 常用 属性 和 事件 


类 型 名 称 说 有 明 
AutoPostBack | 获取 或 设置 一 个 值 , 该 值 指示 在 单 击 时 RadioButton 状态 是 否 自 动 回 发 到 服务 器 
Checked 获取 或 设置 一 个 值 , 该 值 指 示 是 否 已 选中 RadioButton 控件 

属性 | GroupName | 获取 或 设置 单 选 按 饥 所 局 的 组 名 
Text 获取 或 设置 与 RadioButton 关联 的 文本 标签 

事件 | CheckedChanged | 当 Checked 属性 的 信 在 向 服务 器 进行 发 送 期 间 更 改 时 发 生 


RadioButton 控件 中 GroupName 是 一 个 非常 重要 的 属性 ,如 果 网 页 中 有 多 个 
RadioButton 控件 ,那些 GroupName 属性 相同 的 RadioButton 控件 在 逻辑 上 属于 一 个 组 ,所 
以 对 于 属 同一 组 的 RadioButton 控件 需 将 它们 GroupName 属性 设置 为 同一 值 。 
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RadioButton 控件 主要 的 事件 是 CheckedChanged, 当 用 户 单 击 该 控件 时 引发 执行 对 应 的 
事件 处 理 方法 。 

例如 ,如 下 代码 在 网 页 中 放置 3 个 互 斥 的 RadioButton 控件 : 

<asp:RadioButton ID = "RadioButton1”runat = "server”GroupName = "xm" Text = "选项 1”/> 

<asp:RadioButton ID = "RadioButton2" runat = "server" GroupName = "xm" Text = "选项 2" /> 

<asp:RadioButton ID = "RadioButton3" runat = "server"”GroupName = "xm" Text = "选项 3" /> 

【 练 一 练 】 以 “D:\ 电 子 商 务 \CH7” 目 录 创 建文 件 系统 空 网 站 CH7 ,添加 一 个 webforml 
网 页 ,其 功能 是 说 明 常 用 的 表单 控件 的 使 用 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH7 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH7” 对 话 框 ,在 中 间 列 
表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webforml. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ”按钮 。 

@ 本 网 页 的 设计 界面 如 图 7.4 所 示 , 有 一 个 7 行 2 列 的 表格 ,每 行 放置 若干 相应 的 Web 
标准 控件 。 


性 别 C 男 CO 女 
| 爱好 口 打 球 厂 跑步 启 看 书 厂 上 网 


| 确定 
| [Label1l] 


| - 
4 


设计 |9 拆 分 |。 源 | [9 <body>|| <formsforml>] <table> | 


图 7.4 webforml 网 页 的 设计 界面 
对 应 的 源 视图 代码 如 下 : 


<% @ Page Language = "C#" AutogventWireup= "true" CodeFile = "webforml.aspx.cs" 
Inherits = "webforml" $%> 
<!DOCTYPE html > 
< html xmlns = "http://www.w3.org/1999/xhtml"> 
< head runat = "server"> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf ~ 8"/> 
<title></title> 
< style type = "text/css"> 
.auto ~ capstyle { 
font - family: 楷体 ; font - size: medium; 
color: #0000FF; font - weight: bold; 
text ~ align:right; 
.auto— rcstyle { 
font - family: 仿宋 ;font - weight: bold; 
font — size: medium; color: #008000; 
} 
</style> 
</head> 
< body style = "width: 400px"> 
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<form id = "forml" runat = "server"> 
<table> 

<tr> 

<td colspan = "2" style = "text— align:center"> 
<asp: Image ID = "Imagel" runat = "server" ImageUrl = "一 /Image/stud. jpg" /> 

</td> 

</tr> 

<tr> 
<td style = "width:100px" class = "auto - capstyle"> 学 号 </td> 
<td><asp:TextBox ID = "TextBox1" runat = "server" 

style= "width:100px"></asp: TextBox > 


</td> 
</tr> 
<tr> 
<td class = "auto- capstyle" > 姓名 </td> 
<td><asp:TextBox ID= "TextBox2" runat = "server" 
style= "width:100px"></asp:TextBox> 
</td> 
</tr> 
<tr> 
<td class = "auto- capstyle" > 性 别 </td> 
<td>< asp:RadioButton ID = "RadioButton1" runat = "server" Text = " 男 " 
CssClass = "auto - rcstyle" GroupName = "sex" /> 
Snbsp; 
<asp:RadioButton ID = "RadioButton2" runat = "server" Text = 
CssClass = "auto— rcstyle" GroupName = "sex" /> 


</td> 
</tr> 
<tr> 
<td class = "auto- capstyle" > 爱好 </td> 
<td><asp:CheckBox ID = "CheckBox1" runat = "server" 
CssClass = "auto - rcstyle" Text = "打球 " /> 
< asp:CheckBox ID = "CheckBox2" runat = "server" 
CssClass = "auto - rcstyle" Text = "跑步 " /> 
< asp:CheckBox ID = "CheckBox3" runat = "server" 
CssClass = "auto - rcstyle" Text = "看 书 " /> 
< asp:CheckBox ID = "CheckBox4" runat = "server" 
CssClass = "auto— rcstyle" Text =" 上 网 " /> 


</td> 
</tr> 
<tr> 
<td colspan = "2" style= "text ~ align:center"> 
<asp:Button ID = "Button1”runat = "server" Text = "确定 " 
style = "color: #FF0000; font- size: medium; font ~— weight: 700; 
font - family: 黑体 " OnClick = "Buttonl_Click" /> 
</td> 
</tr> 
<tr> 
<td colspan= "2" style= "color: #3FFOOFF; font— size: medium; font ~ weight: 700; 
font - family: 仿宋 "> 
<asp:Label ID = "Label1" runat = "server"></asp:Label > 
</td> 
</tr> 
</table> 
</form> 
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</body> 
</html> 


@ 在 该 网 页 上 设计 如 下 事件 过 程 : 


protected void Buttonl Click(object sender, EventArgs e) 
{ ”string mystr = "你 的 个 人 信息 如 下 :< br>"; 
if (TextBoxl.Text == "") 
{ ”Labell.Text = "提示 : 必须 输入 学 号 "; 
return; 
} 
else mystr += "&nbsp; 学 号 为 " + TextBoxl.Text + "<br>"; 
if (TextBox2.Text == "") 
{ ”Labell.Text = "提示 : 必须 输入 姓名 "; 
return; 
} 
else mystr += "gnbsp; 姓 名 为 "+ TextBox2.Text + "<br>"; 
证 (RadioButton1. Checked) 
mystr += "&nbsp; 性 别 为 男 < br >"; 
if (RadioButton2. Checked) 
mystr += "gnbsp; 性 别 为 女 < br >"; 
证 (CheckBox1. Checked) 
mystr += "&nbsp; 爱 好 有 ”+ CheckBoxl.Text; 
if (CheckBox2. Checked) 
mystr += "&nbsp; 爱 好 有 " + CheckBox2. Text; 
if (CheckBox3. Checked) 
mystr += "&nbsp; 爱 好 有 " + CheckBox3. Text; 
if (CheckBox4. Checked) 
mystr += "&nbsp; 爱 好 有 " + CheckBox4. Text; 
mystr += "<br>"; 
Labell. Text = mystr; 
. 


@ 单 击 工具 栏 中 的 Internet Explorer 按钮 执行 本 网 页 ,进行 相应 操作 , 单 击 “ 确 定 ” 按 钮 ,其 
结果 如 图 7.5 所 示 。 


SS htps//localhost53243/we D = © 


学 号 [101 
姓名 | 王 华 
性 别 〇 男 图 女 
爱好 回 打球 口 跑步 回 看 书 口上 网 
确定 


你 的 个 人 信息 如 下 : 
学 号 为 101 
失 名 为 王 华 


性 别 为 女 
爱好 有 打球 爱好 有 看 书 
< ES > 


7.5 webforml 网 页 的 执行 界面 
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7.4 常用 的 列表 控件 


知识 梳理 


DropDownList 控 件 


ListBox 控 件 


常用 的 列表 控件 


CheckBoxList 控 件 


RadioButtonList 控 件 


7.4.1 DropDownList 控件 


DropDownList 控件 又 称 下 拉 列 表 控 件 , 它 是 从 ListControl 类 派生 的 。ListControl 类 用 
作 定 义 所 有 列表 类 型 控件 通用 的 属性 、 方 法 和 事件 的 抽象 基 类 ,所 以 所 有 的 列表 控件 具有 许多 
相同 的 特性 。 

使 用 DropDownList 控件 可 以 创建 只 允许 从 中 选择 一 项 的 下 拉 列 表 控 件 , 它 的 常用 属性 
和 事件 如 表 7. 10 所 示 。 


表 7.10 DropDownList 控件 的 常用 属性 和 事件 


类 型 名 称 说 明 
AutoPostBack 指示 当 用 户 更 改 列表 中 的 选 定 内 容 时 是 否 自动 产生 向 服务 器 的 回 发 
DataMember 获取 或 设置 要 绑 定 到 控件 的 DataSource 中 的 特定 表 
DataSource 获取 或 设置 填充 列表 控件 项 的 数据 源 
属性 | DataTextField 获取 或 设置 为 列表 项 提供 文本 内 容 的 数据 源 字 段 
DataValueField 获取 或 设置 为 各 列表 项 提供 值 的 数据 源 字段 
Items 获取 列表 控件 项 的 集合 
SelectedItem 获取 列表 控件 中 索引 最 小 的 选 定 项 
事件 SelectedIndexChanged | 当 列 表 控件 的 选 定 项 在 信息 发 往 服务 器 之 间 变 化 时 发 生 
TextChanged 当 Text 和 SelectedValue 属性 更 改 时 发 生 


使 用 SelectedIndex 属性 以 编程 方式 指定 或 确定 DropDownList 控件 中 的 选 定 项 的 索引 。 
DropDownList 控件 中 总 是 选择 一 项 ,无 法 同时 取消 选择 列表 中 的 所 有 项 。DropDownList 控 
件 中 的 项 的 索引 从 零 开 始 。 

注意 : 若 要 DropDownList 控件 执行 SelectedIndexChanged 等 事件 处 理 方法 ,需要 将 该 
控件 的 AutoPostBack 属性 设置 为 True( 黑 认 值 为 False) 。 也 就 是 说 ,只 要 用 户 从 列表 控件 中 
进行 选择 ,就 会 立即 引发 SelectedIndexChanged 事件 ,如 果 AutoPostBack 属性 为 Ttrue, 则 每 
次 选择 时 都 将 表单 发 送 到 服务 器 ,但 在 每 个 往返 行程 中 选 定 的 项 保持 不 变 。 

DropDownList 控件 的 Items 是 一 个 集合 属性 ,其 中 每 个 元 素 ( 项 ) 是 一 个 ListItem 对 象 。 
Items 是 ListItemCollection 类 的 对 象 ,而 ListItemCollection 类 的 常用 属性 和 方法 如 表 7. 11 
所 示 。Items 集合 属性 的 示意 图 如 图 7.6 所 示 。 
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表 7.11 ListItemCollection 类 的 常用 属性 和 事件 


类 型 名 称 说 明 
Count 获取 集合 中 的 ListItem 对 象 数 
局 性 em 获取 集合 中 指定 索引 处 的 Listltem 
Add 将 ListItem 追加 到 集合 的 结尾 
AddRange 将 ListItem 对 象 数组 中 的 项 添加 到 集合 
Clear 从 集合 中 移 除 所 有 ListItem 对 象 
Contains 确定 集合 是 否 包 含 指 定 的 项 
FindByText 搜索 集合 中 具有 Text 属性 且 包 含 指 定 文本 的 ListItem 
方法 FindByValue 搜索 集合 中 具有 Value 属性 且 包 含 指定 值 的 ListItem 
IndexOf 确定 索引 值 ,该 值 表示 指定 ListItem 在 集合 中 的 位 置 
Insert 将 ListItem 插入 集合 中 的 指定 索引 位 置 
Remove 从 集合 中 移 除 ListItem 
RemoveAt 从 集合 中 移 除 指定 索引 位 置 的 ListItem 
DropDownList 控 件 
居 
2 ListltemCollection 类 对 象 Count 辐 但 
Items 属 性 Wi 


Insert 方 法 
每 个 元 素 是 Listltem 类 对 象 nsert 方 法 
Remove 方 法 


图 7.6 Items 集合 属性 的 示意 图 


注意 : 在 ASP .NET 中 ,许多 控件 或 对 象 都 有 集合 属性 ,这 些 集合 属性 的 属性 和 方法 与 
ListItemCollection 类 的 相似 ,在 使 用 方式 上 与 ListItemCollection 类 的 相同 。 

在 设计 时 设置 Items 属性 的 方法 是 , 单 击 DropDownListl 控件 右上 角 的 按钮 ,出现 
“DropDownList 任务 "菜单 ,选择 “编辑 项 ”命令 ,打开 “ListItem 集合 编辑 器 ”对 话 框 ,通过 “ 添 
加 ”按钮 增加 Items 属性 中 的 各 个 项 ,并 输入 各 项 的 Text 和 Value 属性 值 。 

在 运行 程序 时 也 可 以 动态 地 向 DropDownList 控件 中 添加 项 ,例如 ,以 下 语句 用 于 向 
DropDownListl 控件 中 添加 4 个 项 : 

DropDownList1. Items. Rdd(" 打 球 "); 

DropDownList1. Items. Rdd(" 跑 步 ") ; 


DropDownList1. Items. Add(" 看 书 "); 
DropDownList1. Items. Add(" 上 网 "); 


7.4.2 ListBox 控件 


ListBox 控件 又 称 下 拉 列 表 框 控件 。ListBox 控件 允许 用 户 从 预定 义 列表 中 选择 一 项 或 
多 项 。 它 与 DropDownList 控件 不 同 之 处 在 于 它 可 一 次 显示 多 项 ,也 可 允许 用 户 选择 多 项 。 
ListBox 控件 的 常用 属性 和 事件 如 表 7. 12 所 示 。 
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表 7.12 ListBox 控件 的 常用 属性 和 事件 


类 型 名 称 说 明 
AutoPostBack 指示 当 用 户 更 改 列表 中 的 选 定 内 容 时 是 否 自动 产生 向 服务 器 的 回 发 
DataMember 获取 或 设置 数据 绑 定 控件 绑 定 到 的 数据 列表 的 名 称 
DataSource 获取 或 设置 填充 ListBox 控件 的 数据 源 
DataTextField 获取 或 设置 为 ListBox 控件 提供 文本 内 容 的 数据 源 字 段 
DataValueField 获取 或 设置 为 各 列表 项 提供 值 的 数据 源 字段 
We ee 获取 ListBox 控件 项 的 集合 
Rows 获取 或 设置 ListBox 控件 中 显示 的 行 数 
SelectedItem 获取 ListBox 控件 中 索引 最 小 的 选 定 项 
Se 二 本 获取 或 设置 ListBox 控件 的 选择 模式 ,可 选 Single( 只 能 选 一 项 ) 或 Multiple 
(可 以 选 多 项 ) 
SelectedIndexChanged | 当 列 表 控 件 的 选 定 项 在 信息 发 往 服务 器 之 间 变 化 时 发 生 
事件 TextChanged 当 Text 和 SelectedValue 属性 更 改 时 发 生 


ListBox 控件 的 Items 是 一 个 集合 属性 ,其 中 每 个 元 素 ( 项 ) 是 一 个 ListItem 对 象 。Items 属性 
用 来 设置 子 选项 ; 每 个 子 选 项 都 具有 索引 值 , 索 引 值 开 始 值 为 0。 实际 上 ,ListBox 控件 Items 属 
性 也 是 一 个 ListItemCollection 类 对 象 , ListItemCollection 类 的 常用 属性 和 方法 如 表 7. 16 所 示 。 

向 ListBox 控件 中 添加 项 的 过 程 与 DropDownList 控件 的 过 程 相似 。 与 DropDownList 控件 
相同 , 若 要 执行 SelectedIndexChanged 等 事件 处 理 方法 ,需要 将 该 控件 的 AutoPostBack 属性 设置 
为 True (默认 值 为 False) 。 另 外 , 若 允 许多 行 选择 ,需要 将 SelectionMode 设置 为 Multiple。 


7.4.3 CheckBoxList 控件 


CheckBoxList 控件 又 称 为 复 选 框 列表 控件 。CheckBoxList 控件 与 CheckBox 控件 类 似 ,不 同 
之 处 是 前 者 只 有 一 个 复 选 框 ,后 者 可 以 包含 多 个 复 选 框 。 它 的 常用 属性 和 事件 如 表 7. 13 所 示 。 


表 7. 13 CheckBoxList 控件 的 常用 属性 和 事件 


类 型 名 称 说 明 
aaEosi 获取 或 设置 一 个 值 ,该 值 指示 当 用 户 更 改 列表 中 的 选 定 内 容 时 是 否 自动 产 
生 向 服务 器 的 回 发 
Items 表示 控件 对 象 中 所 有 项 的 集合 
SelectedIndex 获取 或 设置 列表 中 选 定 项 的 最 低 序号 索引 
SelectedItem 获取 列表 控件 中 索引 最 小 的 选 定 项 
SelectedValue 获取 列表 控件 中 选 定 项 的 值 ,或 选择 列表 控件 中 包含 指定 值 的 项 
属性 | Text 获取 或 设置 CheckBoxList 控件 的 SelectedValue 属性 
RepeatColumns 获取 或 设置 要 在 CheckBoxList 控件 中 显示 的 列 数 


获取 或 设置 一 个 值 ,该 值 指示 控件 是 垂直 显示 还 是 水 平 显 示 , 取 值 与 


RepentDireetion RadioButtonList 控件 的 该 属性 相同 

RAR 获取 或 设置 一 个 值 ,该 值 指定 是 否 将 使 用 table 元 素 ( 默 认 值 ) .ul 元 素 、.ol 元 
素 或 span 元 素来 呈现 列表 

TextAlign 与 RadioButtonList 控件 的 该 属性 相同 


CheckedIndexChanged| 当 列 表 控件 的 选 定 项 在 信息 发 往 服务 器 之 间 变 化 时 发 生 


事件 TextChanged 当 Text 和 SelectedValue 属性 更 改 时 发 生 
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CheckBoxList 控件 中 Items 属性 用 来 设置 子 选项 ; 每 个 子 选项 都 是 一 个 ListItem 对 象 ， 
都 具有 索引 值 ,索引 值 开始 值 为 0。Items 是 ListItemCollection 类 的 对 象 。CheckBoxList 控 
件 中 使 用 一 组 Selected 属性 来 判断 子 选项 是 否 被 选中 。 若 要 确定 CheckBoxList 控件 中 的 选 
定 项 ,可 以 循环 访问 Items 集合 并 测试 该 集合 中 每 一 项 的 Selected 属性 。 

和 ListBox 一 样 ,可 以 通过 “ListItem 集合 编辑 器 "对话 框 添加 CheckBoxList 控件 的 各 个 
选项 。 同 样 ,CheckBoxList 控件 的 主要 事件 是 SelectedIndexChanged, 当 用 户 单 击 其 中 的 一 个 
选项 时 引发 执行 对 应 的 事件 处 理 方法 ,但 需要 设置 其 AutoPostBack 属性 为 True。 

默认 情况 下 ,CheckBoxList 控件 只 显示 一 列 按 钮 。 开 发 人 员 可 以 将 CheckBoxList 控件 
的 RepeatColumns 属性 设置 为 所 需 的 列 数 。 在 这 些 列 中 ,还 可 以 使 用 RepeatDirection 枚 举 将 
RepeatDirection 属性 设置 为 Vertical( 默 认 值 ) 或 Horizontal 。 


7.4.4 RadioButtonList 控件 


RadioButtonList 控件 又 称 单 选 按钮 列表 控件 。RadioButtonList 控件 用 于 构建 单 选 按钮 
列表 ,允许 用 户 互 斥 地 其 列表 中 选择 一 个 。RadioButtonList 控件 的 常用 属性 和 事件 如 表 7. 14 
所 示 。 


表 7.14 RadioButtonList 控件 的 常用 属性 和 事件 


类 型 名 称 说 明 
AutoPostBack 获取 或 设置 一 个 值 , 该 值 指示 当 用 户 更 改 列表 中 的 选 定 内 容 时 是 否 自动 产 
生 向 服务 器 的 回 发 
Items 表示 控件 对 象 中 所 有 项 的 集合 
SelectedIndex 获取 或 设置 列表 中 选 定 项 的 最 低 序 号 索引 
SelectedItem 获取 列表 控件 中 索引 最 小 的 选 定 项 
SelectedValue 获取 列表 控件 中 选 定 项 的 值 ,或 选择 列表 控件 中 包含 指定 值 的 项 
Text 获取 或 设置 RadioButtonList 控件 的 SelectedValue 属性 
RepeatColumns 获取 或 设置 要 在 RadioButtonList 控件 中 显示 的 列 数 
属性 获取 或 设置 组 中 单 选 按钮 的 显示 方向 。 为 Horizontal 表示 列表 项 以 行 的 形 


式 水 平 显 示 , 从 左 到 右 . 自 上 而 下 地 加 载 ,直到 呈现 出 所 有 的 项 。 为 Vertical 
(默认 值 ) 表 示 列 表 项 以 列 的 形式 垂直 显示 , 自 上 而 下 .从 左 到 右 地 加 载 , 直 


RepeatDirection 


到 呈现 出 所 有 的 项 

Rs 获取 或 设置 一 个 值 , 该 值 指定 是 否 将 使 用 table 元 素 ( 默 认 值 ) .ul 元 素 、ol 元 
素 或 span 元 素来 呈现 列表 
获取 或 设置 组 内 单 选 按钮 的 文本 对 齐 方式 , 取 值 为 Left 表示 与 单 选 按钮 控 

TextAlign 件 关 联 的 文本 显示 在 该 控件 的 左 侧 ; 取 值 为 Right( 默 认 值 ) 表 示 与 单 选 按钮 
控件 关联 的 文本 显示 在 该 控件 的 右 侧 

事件 CheckedIndexChanged | 当 列 表 控 件 的 选 定 项 在 信息 发 往 服务 器 之 间 变 化 时 发 生 
TextChanged 当 Text 和 SelectedValue 属性 更 改 时 发 生 


RadioButtonList 控件 中 Items 属性 来 设置 子 选 项 ; 每 个 子 选项 都 具有 索引 值 , 索 引 值 开 
始 值 为 0; Items 是 ListItemCollection 类 的 对 象 ,而 ListItemCollection 类 的 常用 属性 和 方法 
见 表 7. 11。RadioButtonList 控件 中 使 用 一 组 Selected 属性 来 判断 子 选项 是 否 被 选中 。 

和 ListBox 一 样 , 可 以 通过 "ListItem 集合 编辑 器 ”对 话 框 添加 RadioButtonList 控件 的 各 
个 选项 。 同 样 ,RadioButtonList 控件 的 主要 事件 是 SelectedIndexChanged, 当 用 户 单 击 其 中 
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的 一 个 选项 时 引发 执行 对 应 的 事件 处 理 方法 ,但 需要 设置 其 AutoPostBack 属性 为 True。 

默认 情况 下 ,RadioButtonList 控件 只 显示 一 列 按钮 。 开 发 人 员 可 以 将 RadioButtonList 
控件 的 RepeatColumns 属性 设置 为 所 需 的 列 数 。 在 这 些 列 中 ,还 可 以 使 用 RepeatDirection 枚 
举 将 RepeatDirection 属性 设置 为 Vertical( 默 认 值 ) 或 Horizontal。 

【 练 一 练 】 在 本 章 网 站 CH7 中 添加 一 个 webform2 网 页 ,其 功能 是 说 明 常 用 的 列表 控件 
的 使 用 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH7 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH7” 对 话 框 ,在 中 间 列 
表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform2. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ”按钮 。 

@ 本 网 页 的 设计 界面 有 一 个 8 行 2 列 的 表格 ,每 行 放置 若干 相应 的 Web 标准 控件 ,如 
图 7.7 所 示 。 


t 
; 
LE 


里 
» 


和 六 
基 名 厂 一 一 一 
性 别 Cc 男 C 女 
民族 。 [未 田 定 可 
口 打 球 口 看 书 
要 好 广 趾 步 太 上 网 
确定 
[Labell] 


图 7.7 webform2 网 页 的 设计 界面 
对 应 的 源 视 图 代码 如 下 : 


<% @ Page Language = "C#" AutoEventWireup = "true" CodeFile = "webform2.aspx.cs" 
Inherits = "webform2" $%> 
<!DOCTYPE html > 
< html xmlns = "http://www. w3. org/1999/xhtml1"> 
< head id = "Head1" runat = "server"> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf — 8"/> 
<title></title> 
< style type = "text/css"> 
.auto ~ capstyle { 
font - family: 楷体 ; font - size: medium; 
color: #0000FF; font— weight: bold; 
width:100px; text — align:right; 
} 
.auto— rcstyle { 
font - family: 仿宋 ; font - weight: bold; 
font - size: medium; color: #008000; 
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</style> 


<body style = "width: 341px"> 
<form id= "forml" runat = "server"> 
<table> 


区 
<td colspan= "2" style= "text - align:center"> 


<asp:Image ID = "Imagel”runat = "server" ImageUrl = "一 /Image/stud. jpg" /> 


</td> 
</tr> 
<tr> 
<td class = "auto- capstyle"> 学 号 </td> 
<td> 
<asp:TextBox ID = "TextBoxl" runat = "server" style= "width:100px" /> 
</td> 
</tr> 
<tr> 
<td class = "auto- capstyle" > 姓名 </td> 
<td> 
< asp:TextBox ID = "TextBox2" runat = "server" style= "width:100px" /> 
</td> 
</tr> 
<tr> 
<td class = "auto- capstyle" > 性 别 </td> 
<td> 
<asp:RadioButtonList ID = "RadioButtonList1" runat = "server" 
RepeatDirection = "Horizontal" CssClass = "auto— rcstyle"> 
<asp:ListItem Value = " 男 " ></asp:ListItem> 
<asp:ListItem> 女 </asp:ListItem> 
</asp:RadioButtonList > 
</td> 
</tr> 
<tr> 
<td class = "auto- capstyle"> 民 族 </td> 
<td> 
<asp:DropDownList ID = "DropDownList1”runat = "server" Height = "16px" 
Width = "89px" CssClass = "auto - rcstyle"> 
</asp:DropDownList > 
</td> 
</tr> 
<tr> 
<td class = "auto- capstyle"> 爱 好 </td> 
<td> 
<asp:CheckBoxList ID = "CheckBoxList1" runat = "server" RepeatColumns = "2" 
CssClass = "auto - rcstyle"> 
<asp:ListItem Value= "打球 "></asp:ListItem> 
<asp:ListItem Value = "跑步 "></asp:ListItem> 
<asp:ListItem> 看 书 </asp:ListItem> 
<asp:ListItem> 上 网 </asp:ListItem> 
</asp:CheckBoxList > 
</td> 
</tr> 
<tr> 
<td colspan= "2" style= "text — align:center"> 
<asp:Button ID = "Button1”runat = "server" Text = "确定 " 
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style= "color: #FF0000; font— size: medium; font ~ weight: 700; 


font - family: 黑体 " OnClick = "Button1_Click" /> 
<br /> 
<asp:Label ID = "Labell" runat = "server" 


style= "color: #FFOOFF; font— size: medium; font ~— weight: 700; 


font - family: 仿宋 " /> 
</td> 
</tr> 
<tr> 
<td colspan= "2" style = "color: #FFOOFF; font— size: medium; 
font - weight:700; font - family: 仿宋 "> 
<asp:ListBox ID = "ListBoxl" runat = "server" Width = "316px" 
style= "color: #FFOOFF; font— size: medium; 
font - weight: 700; font - family: 仿宋 " Height = "140px" /> 
</td> 
</tr> 
</table> 
</form> 
</body> 
</html > 


@ 在 该 网 页 上 设计 如 下 事件 过 程 : 


protected void Page_Load(object sender, EventArgs e) 
{ ”DropDownList1. Items. Add(" 汉 族 "); 
DropDownList1. Items. Add(" 回 族 "); 
DropDownList1. Items. Add( "满族 "); 
DropDownList1. Items. Add(" 其 他 "); 
} 
protected void Buttonl Click(object sender, EventArgs e) 
{ ListBoxl.Items.Clear(); 
ListBoxl. Items. Add(" 你 的 个 人 信息 如 下 :"); 
证 (TextBox1. Text "") 
{ ”Labell.Text = "提示 : 必须 输入 学 号 "; 


return; 


} 
else ListBoxl. Items. Add(" 学 号 为 " + TextBoxl. Text); 
证 (TextBox2. Text == "") 
{ ”Labell.Text =" 提 示 : 必须 输入 姓名 "; 

return; 
} 
else ListBoxl. Items. Add(" 姓 名 为 "+ TextBox2. Text); 
foreach (ListItem it in RadioButtonList1. Items) 

if (让 . Selected == true) 

ListBox1. Items. hdd(" 性 别 为 ”+ it. Text); 

if (DropDownList1. SelectedValue != "") 

ListBox1. Items. Add(" 民 族 为 "+ DropDownList1. SelectedValue) ; 
string mystr = ""; 
foreach (ListItem it in CheckBoxList1. Items) 

if (it.Selected == true) 

mystr += it.Text + " "; 
ListBoxl. Items. Add( "爱好 为 :" + mystr); 
} 


@ 单 击 工具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ,进行 相应 操作 , 单 击 “ 确 定 ” 命 令 按 


钮 ,其 结果 如 图 7.8 所 示 。 
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图 7.8 webform2 网 页 的 执行 界面 


7.5 常用 的 其 他 标准 控件 和 组 件 


知识 梳理 
FileUpload 控 件 
发 送 邮件 组 件 


常用 的 其 他 标准 控件 和 组 件 


7.5.1 FileUpload 控件 


FileUpload 控件 又 称 上 传 文件 控件 , 它 显示 一 个 文本 框 控 件 和 一 个 浏览 按钮 ,使 用 户 可 以 
选择 要 上 传 到 服务 器 的 文件 。 其 常用 属性 和 方法 如 表 7. 15 所 示 。 


表 7.15 FileUpload 控件 的 常用 属性 和 方法 


类 型 名 称 说 明 
FileBytes 从 使 用 FileUpload 控件 指定 的 文件 返回 一 个 字 节 数组 
FileContent | 获取 Stream 对 象 , 它 指向 要 使 用 FileUpload 控件 上 载 的 文件 
属性 | FileName 获取 客户 端 上 使 用 FileUpload 控件 上 载 的 文件 的 名 称 
HasFile 获取 一 个 值 , 该 值 指示 FileUpload 控件 是 否 包 含 文件 
PostedFile | 获取 使 用 FileUpload 控件 上 载 的 文件 的 HttpPostedFile 对 象 
方法 | SaveAs 使 用 FileUpload 控件 将 上 载 的 文件 的 内 容 保存 到 Web 标准 服务 器 上 的 指定 路 径 


FileUpload 控件 的 PostedFile 属性 是 HttpPostedFile 类 对 象 ,而 HttpPostedFile 类 提供 
对 客户 端 已 上 载 的 单独 文件 的 访问 。 其 常用 属性 和 方法 如 表 7. 16 所 示 。 
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表 7.16 HttpPostedFile 类 的 常用 属性 和 方法 
类 型 名 称 说 明 


ContentLength | 获取 上 载 文件 的 大 小 (以 字 节 为 单位 ) 
ContentType | 获取 客户 端 发 送 的 文件 的 MIME 内 容 类 型 


ne FileName 获取 客户 端 上 的 文件 的 完全 限定 名 称 
InputStream | 获取 一 个 Stream 对 象 ,该 对 象 指向 一 个 上 载 文 件 ,以 准备 读 取 该 文件 的 内 容 
方法 SaveAs 保存 上 载 文 件 的 内 容 


在 用 户 选择 要 上 载 的 文件 后 ,FileUpload 控件 不 会 自动 将 该 文件 保存 到 服务 器 。 必 须 显 
式 提供 一 个 控件 或 机 制 ,使 用 户 能 提交 指定 的 文件 。 例 如 ,可 以 提供 一 个 命令 按钮 ,用 户 单 击 
它 即 可 上 载 文件 。 为 保存 指定 文件 应 调用 SaveAs 方法 ,该 方法 将 文件 内 容 保存 到 服务 器 上 
的 指定 路 径 。 

【 练 一 练 】 在 本 章 网 站 CH7 中 添加 一 个 webform3 网 页 ,其 功能 是 说 明 FileUpload 控件 
的 使 用 方法 。 

其 设计 步骤 如 下 : 

@ 打开 CH7 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH7” 对 话 框 ,在 中 
间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform3. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 
按钮 。 


@ 在 CH7 网 站 中 建立 一 个 存放 上 传 文件 的 子 日“ 一 一 


录 , 如 File。 _ 浏览 .| | 
@ 本 网 页 的 设计 界面 如 图 7.9 所 示 , 有 一 个 | 文生 | ' 
FileUpload 控件 FileUpload1( 由 一 个 文本 框 和 “浏览 ” | [abel 6 J 
按钮 组 成 )、 一 个 命令 按钮 Buttonl 和 一 个 标签 “二 
Labell。 在 该 网 页 上 设计 如 下 事件 过 程 : 图 7.9 ”webform3 网 页 的 设计 界面 


protected void Buttonl_Click(object sender, EventArgs e) 
{ string filestr; 
if (FileUpload1.HasFile) 
{ filestr = Server.MapPath("") +"\\File\\"+FileUploadl.PostedFile.FileName; 
try 
{ FileUploadl.PostedFile.SaveAs(filestr); 
Labell. Text = "提示 : 文件 成 功 上 传 到 ”+ filestr; 
} 
catch (Exception ex) 
i 
Labell.Text = "提示 : 文件 上 传 失 败 ," + ex. Message; 
} 
else 
Labell. Text = "提示 : 没有 指定 任何 要 上 传 的 文件 "; 
} 


@ 单 击 工具 栏 中 的 > Internet Explorer 按钮 运行 本 网 页 . 单 击 “ 浏 览 ” 按 钮 ,在 出 现 的 “选择 要 
加 载 的 文件 ”对 话 框 中 选中 一 个 要 上 传 的 文件 1111. jpg, 如 图 7. 10 所 示 , 单 击 * 上 传 文件 ”命令 
按钮 ,将 指定 的 文件 复制 到 “D:\ 电 子 商务 \CH7\File” 目 录 中 ,其 结果 如 图 7. 11 所 示 。 


入 
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IE 
国人 EEC EEC 
@ localhost x bh 屋 localhost x 


D:\Picture\111. jpg | 浏览 ... 


上 传 文件 


图 7.10 webform3 网 页 的 执行 界面 一 


7.5.2 发 送 邮件 组 件 


[DB 


提示 : 文件 成 功 上 传 到 D:\ 电 子 商务 \CH7 
\File\1111. jpg 


7.11 webform3 网 页 的 执行 界面 二 


发 送 邮件 是 使 用 ASP .NET 的 相关 组 件 完成 的 ,主要 涉及 MailMessage 类 和 SmtpClient 


类 ,它们 的 命名 空间 均 为 System. Net. 


Mail。 


MailMessage 类 表示 可 以 使 用 SmtpClient 类 发 送 的 电子 邮件 。 当 使 用 MailMessage 类 


创建 MailMessage 对 象 时 ,可 以 将 电 
MailMessage 类 的 常用 属性 如 表 7. 17 


子 邮 件 的 发 件 人 、 收 件 人 ,主题 和 正文 指定 为 参数 。 
所 示 。 


表 7.17 MailMessage 类 的 常用 属性 

属 性 说 明 
Body 获取 或 设置 邮件 正文 
BodyEncoding 获取 或 设置 用 于 邮件 正文 的 编码 
From 获取 或 设置 此 电子 邮件 的 发 信人 地 址 
Headers 获取 与 此 电子 邮件 一 起 传输 的 电子 邮件 标 头 
HeadersEncoding 获取 或 设置 此 电子 邮件 的 用 户 定义 的 自 定义 标题 使 用 的 编码 
Priority 获取 或 设置 此 电子 邮件 的 优先 级 
ReplyToList 获取 或 设置 邮件 的 回复 地 址 的 列表 
Sender 获取 或 设置 此 电子 邮件 的 发 件 人 地 址 
Subject 获取 或 设置 此 电子 邮件 的 主题 行 
SubjectEncoding 获取 或 设置 此 电子 邮件 的 主题 内 容 使 用 的 编码 


To 


获取 包含 此 电子 邮件 的 收 件 人 的 地 址 集合 


SmtpClient 类 用 于 将 电子 邮件 发 送 到 SMTP 服务 器 以 便 传递 。SmtpClient 类 的 常用 属 


性 如 表 7. 18 所 示 , 其 常用 方法 如 表 7. 


19 所 示 。 


表 7.18 SmtpClient 类 的 常用 属性 


属 性 


说 明 


Credentials 
DeliveryFormat 
DeliveryMethod 
Host 

Port 


ServicePoint 


获取 或 设置 用 于 验证 发 件 人 身份 的 凭据 

获取 或 设置 SmtpClient 用 于 发 送 电 子 邮 件 的 传递 格式 
指定 如 何 处 理 待 发 的 电子 邮件 

获取 或 设置 用 于 SMTP 事务 的 主机 的 名 称 或 IP 地址 
获取 或 设置 用 于 SMTP 事务 的 端口 。 

获取 用 于 传输 电子 邮件 的 网 络 连 接 
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表 7.19 SmtpClient 类 的 常用 方法 


方 法 说 明 
OnSendCompleted 引发 SendCompleted 事件 
Send(MailMessage) 将 指定 的 邮件 发 送 到 SMTP 服务 器 以 便 传 递 


endlOt ro er ny 将 指定 的 电子 邮件 发 送 到 SMTP 服务 器 以 便 传递 。 使 用 String 对 象 
指定 邮件 的 发 件 人 、\ 收 件 人 主题 和 邮件 正文 

将 指定 的 电子 邮件 发 送 到 SMTP 服务 器 以 便 传 递 。 此 方法 不 会 阻止 

调用 线程 ,并 允许 调用 方 将 对 象 传递 给 操作 完成 时 调用 的 方法 

SendAsyncCancel 取消 异步 操作 以 发 送 电子 邮件 

SendMailAsync( MailMessage) 将 指定 的 消息 以 异步 操作 发 送 给 配送 的 SMTP 服务 器 


SendAsync(MailMessage,Object) 


【 练 一 练 】 在 本 章 网 站 CH7 中 添加 一 个 webform4 网 页 ,其 功能 是 说 明 发 送 邮件 的 过 程 。 

其 设计 步骤 如 下 : 

中 打开 CH7 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “添加 新 项 -CH7” 对 话 框 ,在 中 间 列 
表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform4. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ”按钮 。 

@ 本 网 页 的 设计 界面 如 图 7.12 所 示 , 有 一 个 7 行 1 列 的 表格 ,表格 中 包含 相关 控件 。 


vedomt acpres 5 


内 容 


图 7.12 webform4 网 页 的 设计 界面 


其 源 视图 代码 如 下 : 


<% @ Page Language = "C#" AutogventWireup = "true" CodeFile = "webform4.aspx.cs" 
Inherits = "webform4" %> 
<!DOCTYPE html > 
< html xmlns = "http://www. w3. org/1999/xhtml"> 
< head id = "Head1" runat = "server"> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf 一 8"/> 
<title></title> 
< link href ="../App_Themes/StyleSheet. css" rel = "stylesheet" /> 
<style type = "text/css"> 
.auto— stylel { 
font - family: 楷体 ; font - size: medium; 
color: #0000FF; font - weight: bold; 
text - align: right; height: 22px; width: 14%; 
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</style> 
</head> 
<body> 
< form id = "forml" runat = "server"> 
<div> 
<table id = "tablecenter" style = "width:563px"> 
<tr> 
<tdcolspan= "2" style = "text - align: center; height: 40px;"> 
< span style = "color: #FF0000; font- size: large; font - weight: 700; 
font - style: normal; font - family: 华文 隶书 "> 发 送 邮 件 </span> 
</td> 
</tr> 
<tr> 
<td class = "auto- stylel"> 收 信人 </td> 
<td style= "width:70% "> 
<asp:TextBox ID = "TextBoxl" runat = "server" Width = "216px" /> 
</td> 
</tr> 
<tr> 
<td class = "auto- stylel"> 主 题 </td> 
<td><asp:TextBox ID = "TextBox2" runat = "server" Width = "335px" /></td> 
</tr> 
<tr> 
<td class = "auto- stylel"> 内 容 </td> 
<td> 
< asp:TextBox ID = "TextBox3" runat = "server" Height = "156px" 
TextMode = "MultiLine" Width = "425px" style= "font - size: 
medium; font - weight: 700; font - family: 仿宋 " /> 
</td> 
</tr> 
<tr> 
<td colspan= "2" style = "text - align:center; height: 53px"> 
<asp:Button ID= "Button1”runat = "server" OnClick = "Buttonl_Click" 
Text = "发 送 " style = "color: #FF0000; font — size: medium; 
font - weight: 700; font - family: 黑体 " /> 


</td> 

</tr> 

<tr> 
<td colspan = "2" style= "text - align:center; height: 23px"> 

<asp:Label ID= "Labell" runat = "server" style= "color: #FFOOFF; 
font - size: medium; font - weight: 700; font - family: 仿宋 " /> 

</td> 

</tr> 

</table> 
</div> 
</form> 
</body> 
</html > 


@ 在 网 页 上 设计 如 下 事件 处 理 方法 : 


using System. Net. Mail; 
protected void Button1_Click(object sender, EventArgs e) 
{ MailMessage mail = new MailMessage(); 
mail. To. Add(new MailAddress(TextBox]. Text. Trim( ))); 
mail.From = new MailAddress("abc@126. com"); 
mail. Subject = TextBox2.Text; 
mail.Body = TextBox3.Text.Trim(); 
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mail.Priority = MailPriority.High; 
SmtpClient smtpmail = new SmtpClient(); 
smtpmail. DeliveryMethod = SmtpDeliveryMethod. Network; 


// 指 定 电子 邮件 发 送 方式 为 Network 
smtpmail. Host = "smtp.126.com"; // 指 定 smtp 服务 器 地 址 
smtpmail. Credentials = new System. Net.NetworkCredential("abc", "1234"); // 认 证 


try 
{ smtpmail. Send(mail); } 
catch (Exception ex) 
{ ”Labell.Text = "出 错 提示 : " + ex.Message; } 
Labell. Text = "本 邮件 已 成 功 发 送 !"; 
} 


其 中 abc@126. com 是 电子 邮件 发 送 方 的 邮箱 ,密码 为 1234。 需 要 注意 的 是 ,新 近 注 册 的 
126. com 邮箱 已 经 屏蔽 了 这 种 电子 邮件 发 送 功能 ,早期 注册 的 邮箱 才 具 有 这 种 电子 邮件 发 送 功能 。 

@ 单 击 工 具 栏 中 的 > Internet Explorer 按钮 运行 本 网 页 ,输入 发 件 人 、 主 题 和 邮件 正文 ,如 
图 7. 13 所 示 , 单 击 “ 发 送 ” 命 令 按 钮 , 便 可 以 发 送 邮 件 。 


@ http://localhost53243/webform4.aspx pp-ol 
[Bee “| 


wenhua@126 com 
开会 通知 


王府 同学 : 页 
请 你 于 2015 年 10 月 12 日 下 午 2:30 到 1 号 楼 206 房 间 开 
会 ， 讨 论 项 目 A 


图 7.13 webform4 网 页 的 执行 界面 


7.6 ASP .NET 验证 控件 


知识 梳理 


验证 控件 概述 


RequiredFieldValidator 控 件 


CompareValidator 控 件 


RangeValidator 控 件 


RegularExpressionValidator 控 件 


CustomValidator 控 件 


ValidationSummary 控 件 
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7.6.1 验证 控件 概述 


在 ASP .NET 中 提供 了 6 种 数据 验证 控件 ,它们 位 于 “工具 箱 ” 的 “验证 ”类 别 中 ,如 图 7. 14 
所 示 。 其 中 ,ValidationSummary 控件 (从 WebControl 类 派 -EE | 


生 ) 用 于 在 一 个 位 置 向 用 户 显示 所 有 验证 错误 ; 其 余 5 个 控 a 
件 ( 都 是 从 BaseCompareValidator 类 派生 的 ) 用 来 执行 实际 a 
的 有 效 性 验证 ,如 范围 检查 或 模式 匹配 验证 控件 。 en 
1. 使 用 验证 控件 网 RequiredFieldValidator 
上 ValidationSummary 


通过 像 添 加 其 他 服务 器 控件 那样 向 网 页 添加 验证 控 
件 , 即 可 启用 对 用 户 输入 的 验证 。 每 个 验证 控件 都 引用 网 
页 上 其 他 地 方 的 输入 控件 (服务 器 控件 )。 处 理 用 户 输入 时 (如 当 提 交 页 面 时 ) ,验证 控件 会 对 
用 户 输入 进行 测试 ,并 设置 属性 以 指示 该 输入 是 否 通过 测试 。 调 用 了 所 有 验证 控件 后 ,会 在 网 
页 上 设置 一 个 属性 以 指示 是 否 出 现 验证 检查 失败 。 

可 以 使 用 自己 的 代码 来 测试 网 页 和 单个 控件 的 状态 。 例 如 ,使 用 用 户 输入 信息 更 新 数据 
记录 之 前 来 测试 验证 控件 的 状态 。 如 果 检 测 到 状态 无 效 , 将 会 略 过 更 新 。 通 常 ,如 果 任 何 验证 
检查 失败 ,都 将 跳 过 所 有 处 理 过 程 并 将 网 页 返回 给 用 户 。 检 测 到 错误 的 验证 控件 随后 将 生成 
显示 在 网 页 上 的 错误 信息 。 也 可 以 将 验证 控件 关联 到 验证 组 中 ,使 属于 同一 组 的 验证 控件 可 
以 一 起 进行 验证 。 

默认 情况 下 ,在 单 击 按钮 控件 (如 Button、ImageButton 或 LinkButton) 时 执行 验证 。 可 通 
过 将 按钮 控件 的 CausesValidation 属性 设置 为 false 来 禁止 在 单 击 按钮 控件 时 执行 验证 。 

2. 何 时 进行 验证 

验证 控件 在 服务 器 代码 中 执行 输入 检查 。 当 用 户 向 服务 器 提交 网 页 之 后 ,服务 器 将 逐个 
调用 验证 控件 来 检查 用 户 输入 。 如 果 在 任意 输入 控件 中 检测 到 验证 错误 , 则 该 网 页 将 自行 设 
置 为 无 效 状 态 ,以 便 在 代码 运行 之 前 测试 其 有 效 性 。 验 证 发 生 的 时 间 是 : 已 对 网 页 进行 了 初 
始 化 ( 即 处 理 了 视图 状态 和 回 发 数据 ) ,但 尚未 调用 任何 更 改 或 单 击 事件 处 理 程序 。 

3. 验证 多 个 条 件 

每 个 验证 控件 通常 只 执行 一 次 测试 ,但 有 时 需要 指定 多 个 条 件 。 例 如 ,指定 某 个 日 期 文本 
框 必须 输入 数据 ,同时 将 该 用 户 输入 限制 为 只 接受 特定 范围 内 的 日 期 。 

此 时 可 以 将 多 个 验证 控件 附加 到 网 页 上 的 一 个 输入 控件 。ASP .NET 使 用 人 逻辑 AND 运 
算 符 来 解析 控件 执行 的 测试 ,这 意味 着 用 户 输入 的 数据 必须 通过 所 有 测试 才能 视 为 有 效 。 

有 些 情况 下 , 几 种 不 同 格式 的 输入 都 可 能 是 有 效 的 。 例 如 ,在 提示 输入 电话 号 码 时 ,可 以 
允许 用 户 输入 本 地 号 码 .长途 号 码 或 国际 长 途 号 码 。 若 要 执行 此 类 测试 (必须 仅 通过 一 个 测试 
的 逻辑 OR 运算 ) ,可 以 使 用 RegularExpressionValidator 验证 控件 并 在 该 控件 中 指定 多 个 有 
效 模式 ,或 使 用 CustomValidator 验证 控件 并 编写 自己 的 验证 代码 。 

4. 验证 控件 的 公共 属性 和 方法 

所 有 验证 控件 都 具有 服务 器 控件 的 一 些 常用 属性 ,另外 ,5 个 ASP .NET 有 效 性 验证 控件 
都 有 一 些 如 表 7. 20 所 示 的 公共 属性 。 正 确 地 设置 这 些 公共 属性 是 使 用 验证 控件 的 关键 。 


图 7.14 ASP .NET 提供 的 验证 控件 
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表 7.20 验证 控件 的 公共 属性 


属性 说 明 
ControlToValidate | 获取 或 设置 要 验证 的 输入 控件 的 ID 
Display 获取 或 设置 验证 控件 中 错误 信息 的 显示 行为 
指示 是 否 启用 客户 端 验证 。 通 过 将 EnableClientScript 属性 设置 为 False, 可 在 支持 此 
功能 的 浏览 器 上 禁用 客户 端 验 证 
获取 或 设置 验证 失败 时 ValidationSummary 控件 中 显示 的 错误 消息 的 文本 ,此 属性 不 
ErrorMessage 会 将 特殊 字符 转换 为 HTML 实体 。 例 如 ,小 于 号 字符 (二 ) 不 转换 为 &lt; 。 这 人 允许 将 
HTML 元 素 (如 <img> 元 素 ) 嵌 入 到 该 属性 的 值 中 
IsValid 获取 或 设置 一 个 值 , 该 值 指示 关联 的 输入 控件 是 否 通过 验证 
Text 获取 或 设置 验证 失败 时 验证 控件 中 显示 的 文本 
ValidationGroup 获取 或 设置 此 验证 控件 所 属 的 验证 组 的 名 称 


EnableClientScript 


每 个 验证 控件 都 对 应 一 个 需要 验证 其 输入 值 的 输入 控件 ,如 TextBox 控件 ,验证 控件 的 
ControlToValidate 属性 就 设置 为 这 个 输入 控件 的 ID。 

如 果 输 入 控件 的 值 通过 了 验证 ,验证 控件 的 IsValid 为 True ,否则 为 False。Page. IsValid 
为 True 表示 该 网 页 的 所 有 控件 都 通过 了 验证 ,否则 Page. IsValid 为 False。 

使 用 Display 属性 指定 验证 控件 中 错误 信息 的 显示 行为 ,显示 行为 取决 于 是 否 执行 客户 
端 验证 。 如 果 客 户 端 验证 不 是 活动 的 (由 于 浏览 器 不 支持 它 等 情况 ), 则 Static 和 Dynamic 的 
行为 相同 , 即 错 误 信息 仅 在 显示 时 才 占 用 空间 ,在 错误 信息 不 显示 (Static) 时 为 其 动态 分 配 空 
间 的 功能 只 对 客户 端 验证 适用 。 

当 同 时 使 用 Text 和 ErrorMessage 属性 时 ,发 生 错 误 时 将 显示 Text 属性 的 信息 。 

5 个 有 效 性 验证 控件 都 有 Validate 方法 ,该 方法 对 关联 的 输入 控件 执行 验证 并 更 新 
IsValid 属性 。 


7.6.2 ” RequiredFieldValidator 控件 


RequiredFieldValidator 控件 又 称 非 空 验证 控件 。 该 控件 常用 于 文本 框 数据 的 非 空 验证 ， 
确保 用 户 在 网 页 上 输入 数据 时 不 会 跳 过 必 选 字段 (必须 输入 数据 的 字段 ) ,也 就 是 说 ,检查 被 验 
证 控件 的 输入 是 否 为 空 ,如 果 为 空 , 则 在 网 页 中 显示 提示 信息 。 

除了 公共 属性 外 ,RequiredFieldValidator 控件 还 有 一 个 重要 的 属性 InitialValue, 它 获取 
或 设置 关联 的 输入 控件 的 初始 值 。 如 果 输 入 控件 失去 焦点 时 没有 从 InitialValue 属性 更 改 值 ， 
它 将 不 能 通过 验证 。 


7.6.3 ”CompareValidator 控件 


CompareValidator 控件 又 称 比 较 验 证 控件 。 该 控件 将 用 户 的 输入 与 常数 值 ( 由 
ValueToCompare 属性 指定 ) 、 另 一 个 控件 (由 ControlToCompare 属性 指定 ) 的 属性 值 进 行 比 
较 , 若 不 相同 , 则 在 网 页 中 显示 提示 信息 。 

除了 公共 属性 外 ,CompareValidator 控件 的 其 他 重要 的 属性 如 表 7. 21 所 示 。 

使 用 Operator 属性 指定 要 执行 的 比较 操作 ,如 大 于 、 等 于 等 ,其 基本 取 值 如 表 7. 22 所 示 。 
如 果 设 置 Type 属性 , 则 在 比较 操作 前 ,将 两 个 比较 值 都 自动 转换 为 Type 属性 指定 的 数据 类 
型 ,然后 进行 比较 ,Type 属性 的 取 值 有 0(String) 、1(Integer) ,2(Double) 和 3(Date) 等 。 
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表 7.21 CompareValidator 控件 的 常用 属性 
属 性 说 明 


ControlToCompare ”获取 或 设置 要 与 所 验证 的 输入 控件 进行 比较 的 输入 控件 

ValueToCompare ”获取 或 设置 一 个 常数 值 , 该 值 要 与 由 用 户 输入 到 所 验证 的 输入 控件 中 的 值 进行 比较 
Operator 获取 或 设置 要 执行 的 比较 操作 

Type 获取 或 设置 在 比较 之 前 将 所 比较 的 值 转换 到 的 数据 类 型 


表 7.22 Operator 属性 的 基本 取 值 及 其 说 明 


操 作 说 明 


值 
Equal 0 ”默认 值 ,所 验证 的 输入 控件 的 值 与 其 他 控件 的 值 或 常数 值 之 间 的 相等 比较 
NotEqual 1 ”所 验证 的 输入 控件 的 值 与 其 他 控件 的 值 或 常数 值 之 间 的 不 等 比较 
GreaterThan 2 ”所 验证 的 输入 控件 的 值 与 其 他 控件 的 值 或 常数 值 之 间 的 大 于 比较 
GreaterThanEqual “3 所 验证 的 输入 控件 的 值 与 其 他 控件 的 值 或 常数 值 之 间 的 大 于 或 等 于 比较 
LessThan 4 ”所 验证 的 输入 控件 的 值 与 其 他 控件 的 值 或 常数 值 之 间 的 小 于 比较 
LessThanEqual 5 ”所 验证 的 输入 控件 的 值 与 其 他 控件 的 值 或 常数 值 之 间 的 小 于 或 等 于 比较 

6 输入 到 所 验证 的 输入 控件 的 值 与 BaseCompareValidator. Type 属性 指定 的 数据 
类 型 之 间 的 数据 类 型 比较 。 如 果 无 法 将 该 值 转换 为 指定 的 数据 类 型 , 则 验证 失败 


DataTypeCheck 


通常 不 要 同时 设置 ControlToCompare 和 ValueToCompare 属性 ,但 如 果 同 时 设置 了 这 
两 个 属性 则 ControlToCompare 属性 优先 。 


7.6.4 RangeValidator 控件 


RangeValidator 控件 又 称 范围 验证 控件 。 该 控件 确保 用 户 输入 的 值 在 指定 的 上 下 限 范围 
之 内 , 当 输入 不 在 验证 的 范围 内 时 , 则 在 网 页 中 显示 提示 信息 。 

除了 公共 属性 外 , RangeValidator 控件 的 其 他 重要 的 属性 有 MinimumValue 和 
MaximumValue, 它 们 用 于 指定 要 比较 值 的 范围 。 


7.6.5 RegularExpressionValidator 控件 


RegularExpressionValidator 控件 又 称 正则 表达 式 验 证 控件 , 比 非 空 验证 和 范围 验证 控件 的 
功能 更 强大 ,对 应 命名 空间 System. Web. UI. WebControls 中 的 RegularExpressionValidator 类 。 

除了 具有 验证 控件 的 公共 属性 外 ,RegularExpressionValidator 控件 的 其 他 重要 属性 有 
ValidationExpression ,该 属性 用 于 指定 正则 表达 式 。 正 则 表达 式 由 正则 表达 式 字 符 组 成 。 常 
用 的 正则 表达 式 字符 及 其 说 明 如 表 7. 23 所 示 。 例 如 ,邮政 编码 的 正则 表达 式 为 "\d{6}”。 

RegularExpressionValidator 控件 确保 用 户 输入 信息 与 ValidationExpression 属性 指定 的 
正则 表达 式 模 式 相 匹配 。 

表 7.23 常用 正则 表达 式 字符 及 其 说 明 


正则 表达 式 字 符 说 明 
了 | 匹配 括号 中 的 任何 一 个 字符 
| 匹配 不 在 括号 中 的 任何 一 个 字符 
\w 匹配 任何 一 个 字符 (a~z、A~Z 和 0 一 9) 


NW 匹配 任何 一 个 空白 字符 
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续 表 

正则 表达 式 字符 说 明 

\s 匹配 任何 一 个 非 空白 字符 

\S 与 任何 非 单词 字符 匹配 

Nd 匹配 任何 一 个 数字 字符 (0 一 9) 

\D 匹配 任何 一 个 非 数字 字符 ("0 一 9) 

[\b] 匹配 任何 一 个 退 格 键 字 符 

{n,m} 最 少 匹 配 前 面 表达 式 n 次 ,最 大 为 m 次 

{n,} 最 少 匹 配 前 面 表达 式 n 次 

匹配 前 面 表达 式 0 次 或 1 次 {0,1 

丰 至 少 匹 配 前 面 表达 式 1 次 {1,} 

x 至 少 匹 配 前 面 表达 式 0 次 {0,} 

| 匹配 前 面 表 达 式 或 后 面 表达 式 

人 在 单元 中 组 合 项 目 

匹配 字符 串 的 开头 

$ 匹配 字符 串 的 结尾 

\b 匹配 字符 边界 

\B 匹配 非 字 符 边 界 的 某 个 位 置 


实际 上 ,Visual Studio 预先 设 好 了 一 些 常用 
的 正则 表达 式 , 在 “属性 "窗口 中 单 击 Validation- 
Expression 属性 右 侧 的 国 按 钮 ,出 现 如 图 7.15 所 
示 的 “正则 表达 式 编辑 器 ”对话 框 ,其 中 列 出 了 党 
用 的 正则 表达 式 , 可 以 从 中 选择 一 个 标准 表达 式 


pst(E): 
即 可 。 http(s)?/ /Nw J+) + Dw-J+ Uw 296&=]9? 
例如 ,一 个 RegularExpressionValidatorl 用 于 ED Ee 
验证 文本 框 TextBoxl 中 输入 的 Internet URL 是 
否 正确 ,对 应 的 HTML 代码 如 下 : 图 7.15 “正则 表达 式 编辑 器 "对 话 框 


<asp:RegularExpressionValidator ID = "RegularExpressionValidatorl”runat = "server" 
ControlToValidate = "TextBox1” ErrorMessage = "URL 错误 " 
ValidationExpression = "http(s)?://([\w— ] +\.)+[\w- ]+(/[\w- ./?% gamp; = ] * )?"> URL 错误 
</asp:RegularExpressionValidator > 


其 中 ,ValidationExpression 属性 是 系统 自动 产生 的 , 它 对 应 Internet URL 的 正则 表达 式 。 
7.6.6 ”CustomValidator 控件 


CustomValidator 控件 又 称 自 定义 验证 控件 。 该 控件 确保 用 户 输入 的 内 容 符合 自己 创建 
的 验证 逻辑 (验证 函数 ) 。 

除了 具有 验证 控件 的 公共 属性 外 ,CustomValidator 控件 具有 重要 的 自 定义 验证 函数 属 
性 。CustomValidator 控件 的 验证 分 为 服务 器 自 定义 验证 和 客户 端 自 定义 验证 。 

对 于 服务 器 自 定义 验证 ,需要 定义 OnServerValidate 属性 (实际 上 是 委托 ) , 即 需 为 执行 
验证 的 ServerValidate 事件 提供 一 个 处 理 过 程 , 该 事件 在 服务 器 上 执行 验证 时 引发 。 
ServerValidate 事件 处 理 方法 的 格式 如 下 : 
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protected void CustomValidator1_ServerValidate(object source, 
ServerValidateEventArgs args) 

// 代 码 

} 

可 以 通过 使 用 作为 参数 传递 到 该 事件 处 理 方法 ServerValidateEventArgs 对 象 ( 即 args 
参数 ) 的 Value 属性 来 访问 要 验证 输入 控件 中 的 字符 串 ,然后 将 验证 的 结果 存储 在 
ServerValidateEventArgs 对 象 的 IsValid 属性 中 。 

对 于 客户 端 自 定义 验证 ,需要 定义 ClientValidationFunction 属性 ,该 属性 获取 或 设置 用 
于 验证 的 自 定义 客户 端 脚 本 函数 的 名 称 , 即 为 输入 控件 提供 用 户 定义 的 验证 函数 。 客 户 端 验 
证 函数 的 基本 格式 如 下 : 

< script type = "text/javascript"> 

function valid(oSrc，args) { 
args. IsValid = 验证 对 象 满足 的 条 件 ; 

a 
其 中 ,oSre 参数 传递 引发 事件 的 对 象 的 引用 ; args 参数 传递 特定 于 要 处 理 的 事件 的 对 象 。 

为 了 提高 网 页 执行 效率 ,使 用 CustomValidator 控件 时 尽 可 能 采用 客户 端 验证 方式 。 

【 练 一 练 】 在 本 章 网 站 CH7 中 添加 一 个 webform5 网 页 ,其 功能 是 说 明 前 面 5 个 验证 控 
件 的 使 用 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH7 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 * 添 加 新 项 -CH7? 对 话 框 ,在 中 间 列 
表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform5. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ”按钮 。 

@ 设计 本 网 页 ,插入 一 个 9X3 的 表格 ,合并 第 1 行 的 3 列 , 输 入 “用 户 注册 ”文字 。 在 第 
2 一 第 7 行 的 第 1 列 中 输入 文本 ,如 “用 户 名 ”等 ,在 这 些 行 的 第 2 列 中 各 添加 一 个 文本 框 ,分 别 
为 TextBoxl 一 TextBox6(TextBox2 和 TextBox3 的 TextMode 属性 设 为 Password)。 在 第 8 
行 添加 一 个 命令 按钮 Button1(Text 属性 设 为 “确定 ”) ,在 第 9 行 添加 一 个 标签 Labell (Text 
属性 设 为 空 )。 

@ 在 第 2 一 第 7 行 的 第 3 列 中 依次 添加 RequiredFieldValidatorl 控件 ,RequiredFieldValidator2 
控件 .CompareValidatorl 控件 .RangeValidatorl 控件 .RegularExpressionValidatorl 控件 和 
CustomValidatorl 控件 ,如 图 7. 16 所 示 。 


用 户 注 册 
用 户 名 六 RequiredFieldValidator 
密码 RequiredFieldValidator 
确认 密码 三 ”CompareValidator 
生擒 "RangeValidator 
Emaill RegularExpressionValidator 
手机 号 ”CustomValidator 
确定 | 
[Labell] 
~ 


Ce 


图 7.16 webforms 网 页 的 初始 设计 界面 
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@ 设置 各 验证 控件 的 ErrorMessage 属性 ,得 到 如 图 7. 17 所 示 的 最 终 设计 界面 。 
FE  _ _ _  - 


用 户 注 册 
用 户 名 厂 ” ”必须 输入 用 户 各 
密码 [ 必须 输入 窑 码 
确认 密码 | ”两 次 窗 码 输入 必须 相同 
年 抢 厂 ” ”年 疮 在 10-90 之 间 
Email 厂 ” ”部 箱 格式 不 正确 
手机 号 厂 ” 手 机 号 不 正确 


量 [机 证 


4 


图 7.17 webforms 网 页 的 最 终 设计 界面 


@ 设置 各 验证 控件 的 验证 属性 如 下 : 
。 设置 RequiredFieldValidatorl 控件 的 ControlToValidate 属性 为 TextBoxl。 设 置 


RequiredFieldValidator2 控件 ControlToValidate 属性 为 TextBox2 。 
。 设置 CompareValidatorl 控件 的 ControlToValidate 属性 为 TextBox3,ControlToCompare 


属性 为 TextBox2。 
。 设置 RangeValidatorl 控件 的 ControlToValidate 属性 为 TextBox4, MaximunValue 


属性 为 90,MinimunValue 属性 为 10 ,Type 属性 为 Integer。 
。 设置 RegularExpressionValidatorl 控件 的 ControlToValidate 属性 为 TxtBox5 ,Validation- 


Expression 属性 为 “Internet 电子 邮件 地 址 ”。 

。 设置 CustomValidatorl 控件 的 ControlToValidate 属性 为 TextBox6, ClientValidation- 
Function 属性 为 valid(valid 为 客户 端 验证 函数 )。 

@ 本 网 页 的 源 视图 代码 如 下 (其 中 包含 valid 客户 端 验 证 函数 的 代码 ): 


<% @ Page Language = "C#" AutogventWireup= "true" CodeFile = "webform5.aspx.cs" 
Inherits = "webform5" %> 
<!DOCTYPE html > 
< htm]l xmlns = "http://www. w3. org/1999/xhtml"> 
< head runat = "server"> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf — 8"/> 
<title></title> 
< script type = "text/javascript"> 
function valid(oSrc, args) { 
args. IsValid = (args.Value. length == 11); 
} 
</script > 
< style type = "text/css"> 
.auto— stylel { 
font - family: 宋体 ; font - weight: bold; font - size: 20px; 
color: #3FF0000; text— align:center; } 
.auto— style2 { 
color: #30000FF; font— size: medium; font — weight: 700; 
font - family: 楷体 ; text - align:right; } 
.auto— style3 { 
font - size: medium; font - family: 仿宋 ; } 
</style> 
</head> 
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<body> 
<form id= "forml" runat = "server"> 
<div> 
<table> 
<tr> 
<td class = "auto- stylel" colspan= "3"> 用 户 注 册 </td> 
</tr> 
<tr> 


<td class = "auto style2"> 用 户 名 </td> 
<td>< asp:TextBox ID = "TextBox1" runat = "server" /></td> 
<td><asp:RequiredFieldValidator ID = "RequiredFieldValidator1" 
runat = "server" ErrorMessage = "必须 输入 用 户 名 " 
ControlToValidate = "TextBox1" CssClass = "auto- style3" /> 
</td> 
</tr> 
<tr> 
<td class = "auto- style2" > 密码 </td> 
<td><asp:TextBox ID= "TextBox2" runat = "server" TextMode = "Password" /> 
</td> 
<td><asp:RequiredFieldValidator ID= "RequiredFieldValidator2" 
runat = "server" ErrorMessage = "必须 输入 密码 " 
ControlToValidate = "TextBox2" CssClass = "auto— style3" /> 
</td> 
</tr> 
<tr> 
<td class = "auto style2" > 确认 密码 </td> 
<td><asp:TextBox ID = "TextBox3" runat = "server" TextMode = "Password" /> 
</td> 
<td >< asp:CompareValidator ID = "CompareValidatorl" runat = "server" 
ErrorMessage = "两 次 密码 输入 必须 相同 " 
ControlToCompare = "TextBox2" ControlToValidate = "TextBox3" 
CssClass = "auto - style3" /> 
</td> 
</tr> 
<tr> 
<td class = "auto- style2" > 年 龄 </td> 
<td><asp:TextBox ID = "TextBox4" runat = "server" /></td> 
<td><asp:RangeValidator ID = "RangeValidatorl" runat = "server" 
ErrorMessage = "年 龄 在 10 - 90 之 间 " ControlToValidate = "TextBox4" 
CssClass = "auto— style3" MaximumValue = "90" 
MinimumValue = "10" Type = "Integer" /> 
</td> 
</tr> 
<tr> 
<td class = "auto— style2" > Email </td> 
<td><asp:TextBox ID = "TextBox5" runat = "server" /></td> 
< td >< asp:RegularExpressionValidator 
ID = "RegularExpressionValidator1" runat = "server" 
ErrorMessage = "邮箱 格式 不 正确 " ControlToValidate = "TextBox5" 
CssClass = "auto— style3" 
ValidationExpression="\w+ ([—+.']\w+)*@\w+([—.] 
\wt)x\.\wt([—. J\w+)*" /> 
</td> 
</tr> 
<tr> 
<td class = "auto- style2" > 手机 号 </td> 
<td>< asp:TextBox ID = "TextBox6" runat = "server" /></td> 
<td><asp:CustomValidator ID = "CustomValidator1" runat = "server" 
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ErrorMessage = "手机 号 不 正确 " ClientValidationFunction = "valid" 
ControlToVal idate = "TextBox6" CssClass = "auto— style3" /> 
</td> 
</tr> 
<tr> 
<td colspan="3" style = "text - align:center"> 
<asp:Button ID = "Button1”runat = "server” Text = "确定 " 
style= "color: #FF0000; font— size: medium; font — weight: 700; 
font - family: 黑体 " OnClick = "Buttonl_Click" /> 
</td> 
</tr> 
< 
<td colspan= "3"> 
<asp:Label ID = "Labell" runat = "server" style = "color: #FFOOFF; 
font — size: medium; font - weight: 700; font - family: 仿宋 " /> 
</td> 
</tr> 
</table> 
</div> 
</form> 
</body> 
</html > 


@ 在 网 页 上 设计 如 下 事件 过 程 : 


protected void Buttonl Click(object sender, EventArgs e) 
{ if (Page.IsValid) // 用 户 输入 均 有 效 
{ ”Labell.Text = "你 的 输入 信息 如 下 : < br>"; 
Labell. Text += "&nbsp; 用 户 名 :" + 
TextBoxl. Text + ", gnbsp; 密 码 :" + TextBox2.Text + "<br>"; 
Labell. Text += "gnbsp; 年 龄 :" + TextBox4.Text + 
"gnbsp; 邮箱:" + TextBox5.Text + "<br>"; 
Labell. Text += "gnbsp; 手 机 号 :" + TextBox6. Text; 
} 
else Labell.Text = "输入 信息 错误 "; 
} 


@ 单 击 工 具 栏 中 的 p> Internet Explorer 按钮 运行 本 网 页 ,如 果 出 现 如 图 7. 18 的 错误 提示 ,其 
原因 是 因为 采用 VisualStudio 2012( 或 2013) 开 发 基于 ASP .NET 4.5 的 Web 应 用 程序 时 ,很 
多 控件 默认 允许 了 Unobtrusive ValidationMode( 一 种 隐 式 的 验证 方式 ) 的 属性 , 它 与 jquery 
的 引用 相关 ,但 并 未 对 其 进行 赋值 ,程序 员 必 须 手 动 对 其 进行 设置 。 

一 种 简单 的 解决 方法 就 是 将 该 属性 设置 为 None, 可 以 在 CH7 网 站 的 web. config 文件 中 
添加 如 下 部 分 达到 这 一 目的 : 

<appSettings> 

<add key = "ValidationSettings:UnobtrusiveValidationMode" value = "None" /> 

</appSettings > 

接着 可 以 正确 执行 网 页 ,如 果 两 次 密码 输入 不 同 , 单 击 “ 确 定 ” 按 钮 ,出 现 如 图 7. 19 所 示 的 
结果 ; 如 果 年 龄 输入 错误 , 单 击 “ 确 定 ” 按 钮 ,出 现 如 图 7. 20 所 示 的 结果 ; 如 果 手 机 号 输入 不 同 
只 有 6 位 , 单 击 “ 确 定 ” 按 钮 ,出 现 如 图 7. 21 所 示 的 结果 ; 如 果 全 部 输入 正确 , 单 击 “ 确 定 ” 按 
钮 ,出 现 如 图 7. 22 所 示 的 结果 ,在 标签 中 显示 用 户 输入 的 所 有 信息 。 
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WebForms UnobtrusiveValidationMode 讨 
要 "jquery“ScriptResourceMapping 。 填 浇 加 一 个 名 为 jquery 


(区 分 大小 习 万 ScriptResourceMapping. 


阐明 : 执行 当前 Web 请 求 期 间 , 出现 林 经 处 理 的 异常 。 请 检查 堆 校 申 踪 信息 ， 以 了 解 有 关 沪 锋 误 以 及 代码 中 导致 
错误 的 出 处 的 详细 信息 . 


异常 详细 信息 : System InvalidOperationException: WebForms UnobtrusiveValidationMode 天 
要 ijquery"SeriptResourceMapping。 请 滞 加 一 个 名 为 jquery (区 分 大 小 写 ) 的 ScriptResourceMapping. 


| Web 请 永 期 间 生成 了 未 经 处 理 的 异常 可 以 使 用 下 面 的 失常 进 析 醒 踪 信息 确 定 有 关 异 党 原因 和 人 发生 位 


图 7.18 执行 网 页 时 出 现 的 错误 


SE DE 区 
用 户 注 册 用 户 注册 

RFS |] 

sm | 

两 次 密码 输入 必须 相同 确认 密码 eee。 “| 

生擒 E ”| 年 办 在 10-90 之 闻 

Eel | 

| 


ee 
S FE 


Sa 


il [abc@126 com 
13971426889 


be@ 2 com 你 的 输入 信息 如 下 : 
139718 手机 号 不 正确 用 户 名 :101， 密 码 : 1234 
年 龄 :19， 邮 箱 :abc@126. com 
手机 号 :13971426889 


图 7.21 webforms 网 页 的 执行 界面 三 图 7.22 webforms 网 页 的 执行 界面 四 
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7.6.7 ValidationSummary 控件 


ValidationSummary 控件 又 称 错误 总 结 控件 。 该 控件 提供 一 个 集中 显示 验证 错误 信息 的 
地 方 , 将 本 网 页 中 所 有 验证 控件 错误 信息 组 织 好 并 一 同 显 示 出 来 。ValidationSummary 控件 
的 常用 属性 如 表 7. 24 所 示 。 
表 7.24 ValidationSummary 控件 的 常用 属性 


属性 说 明 
HeaderText 控件 汇总 信息 
DisplayMode 获取 或 设置 验证 摘要 的 显示 模式 


EnableClientScript ”获取 或 设置 一 个 值 ,用 于 指示 ValidationSummary 控件 是 否 使 用 客户 端 脚本 更 新 自身 

ShowMessageBox ”获取 或 设置 一 个 值 ,该 值 指示 是 否 在 消息 框 中 显示 验证 摘要 。 如 果 在 消息 框 中 显示 
验证 摘要 , 则 为 true, 和 否则 为 false, 默 认为 false 

ShowSummary 获取 或 设置 一 个 值 , 该 值 指示 是 否 内 联 显示 验证 摘要 


根据 DisplayMode 属性 的 设置 ,摘要 可 以 按 列表 、 项 目 符号 列表 或 单个 段落 的 形式 显示 。 
通过 分 别 设置 ShowSummary 和 ShowMessageBox 属性 ,可 在 网 页 上 和 消息 框 中 显示 摘要 。 

注意 : 如 果 ShowMessageBox 和 ShowSummary 属性 都 设置 为 true, 则 在 消息 框 和 网 页 
上 都 显示 验证 摘要 。 


7.7 练 习 题 


1. 单项 选择 题 
(1) 有 关 C# 脚 本 代码 和 HTML 说 法 正确 的 是 ( 加 
A. HTML 元 素 的 ID 属性 值 直接 对 应 C# 脚 本 代码 的 一 个 对 象 名 
B. 一 个 HTML 元 素 不 需要 添加 "runat= server",C# 肢 本 代码 也 可 以 引用 该 
HTML 元 素 
C. 一 个 网 页 的 C# 脚 本 代码 可 以 直接 引用 另 一 个 网 页 的 HTML 元 素 
D. ASP .NET 在 原 有 的 HTML 元 素 的 基础 之 上 ,又 新 增加 一 整套 服务 器 控件 ,加 强 


页 面 内 容 和 脚本 的 设计 能 力 
(2) 如 果 和 希望 控件 内 容 变换 后 立即 回 传 表单 ,需要 在 控件 中 添加 属性 ( )。 
A. AutoPostBack= True B. IsPostBack= True 
C. IsPostBack= False D. AutoPostBack=False 
(3) 当 需 要 用 控件 来 输入 性 别 ( 男 , 女 ) 或 婚姻 状况 (已 婚 ,未 婚 ) 时 ,为 了 简化 输入 ,应 该 选 
用 的 控件 是 ( )。 
A. RadioButton B. CheckBoxList 
C. CheckBox D. 以 上 都 不 对 
(4) 当 需 要 用 控件 来 输入 个 人 特长 (多 个 ) 时 ,为 了 简化 输入 ,应 该 选用 的 控件 是 ( js 
A. RadioButton B. CheckBoxList 


C. RadioButtonList D. 以 上 都 不 对 
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(5) 当 需 要 通过 班 号 查询 某 个 班 的 学 生 信 息 时 ,假设 班 数 超过 20 个 ,为 了 简化 输入 , 班 号 
应 该 选用 的 控件 是 (  )。 


A. RadioButton B. CheckBoxList 
C. RadioButtonList D. DropDownList 
(6) Label 服务 器 控件 的 ( ) 属 性 用 于 指定 控件 显示 的 文字 。 
A. Width B. alt C. Text D. name 
(7) TextBox 控件 的 (  ) 属 性 值 用 于 设置 多 行文 本 显示 。 
A. Text B. Password C. maxLength D. Multiline 
(8) 要 掩盖 TextBox 控件 中 文本 ,需要 将 控件 的 TextMode 属性 设置 为 ( ke 
A. Password B. MultiLine C. SingleLine D. Null 
(9) 要 使 文本 框 最 多 输入 6 个 字符 ,需要 将 该 控件 的 ( ) 属 性 值 设置 为 6。 
A. MaxLength B. Columns C. Rows D. TabIndex 
(10) 若 要 使 TextBox 中 的 文字 能 够 看 见 但 不 能 被 修改 ,应 将 其 ( ) 属 性 设置 为 True。 
A. Locked B. Visible C. Enabled D. ReadOnly 


(11) 网 页 中 有 一 个 年 龄 文本 框 txtAge, 以 下 ( ) 代 码 可 以 获得 文本 框 中 的 年 龄 值 。 
A. intage=txtAge; 
B. intage=txtAge. Text; 
C. intage=Convert. Tolnt32(txtAge); 
D. intage=int. Parse(txtAge. Text); 


(12) 要 使 Button 控件 不 可 用 ,需要 将 控件 的 ( ) 属 性 设置 为 false。 


A. EnableViewState B. Visible 
C. CausesValidation D. Enabled 
(13) 要 使 RadioButton 控件 被 选中 ,需要 将 其 ( ) 属 性 设置 为 true。 
A. Enabled B. Visible C. Checked D. AutoPostBack 


(14) 引用 ListBox1( 列 表 框 ) 最 后 一 个 数据 项 应 使 用 ( 。”) 表 达 式 。 
A. ListBoxl. Items[ListBoxl. Items. Count] 
ListBoxl. SelectedIndex] 
ListBoxl. Items. Count-1] 
，ListBoxl. ItemsLListBoxl. SelectedIndex-1 
(15) 引用 ListBox1( 列 表 框 ) 当 前 被 选中 的 数据 项 应 使 用 ( ) 表 达 式 。 
A. ListBoxl. Items[ ListBoxl. Items. Count] 
B. ListBoxl. Items[LListBoxl. SelectedIndex]| 
C. ListBoxl. Items[ ListBoxl. Items. Count-1] 
D. ListBoxl. ItemsL ListBoxl. SelectedIndex-1 
(16) 在 设计 网 页 时 ,可 以 通过 ( ) 属 性 向 列表 框 控件 如 ListBoxl 的 列表 添加 项 。 
A. Items B. Items. Count C. Text D. SelectedIndex 
(17) DropDownList 被 选中 项 的 索引 放置 在 ( ) 属 性 中 。 
A. SelectedItem B. SelectedValue ”C. SelectedIndex  D. TabIndex 
(18) DropDownList 控件 Items 集合 的 Count 属性 值 是 ( We 
A. 选择 项 的 序号  B. 项 的 总 数目 C. 选择 项 的 数目 ” D. 选择 项 的 值 


B. ListBoxl. Items 
. ListBoxl. Items 


1 
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(19) DropDownListl. Items[L0]. Text 值 是 控件 的 ( ; 


A. 文本 B. 选择 的 文本 C. 添加 的 文本 D. 首 项 的 文本 
(20) 语句 DropDownListl. Items[ 1]. Selected 二 true 的 作用 是 ( 

A. 使 第 2 项 被 选中 B. 测试 第 2 项 是 否 被 选中 

C. 使 第 2 项 不 能 被 选中 D. 使 第 2 项 可 用 


(21) 以 下 有 关 ASP .NET 服务 器 验证 控件 的 叙述 中 正确 的 是 ( 和 
A. 可 以 在 客户 端 直接 验证 用 户 输入 ,并 显示 出 错 信息 
B. ASP .NET 服务 器 验证 控件 只 能 在 服务 端 使 用 
C. 各 种 ASP .NET 验证 控件 不 具有 共性 ,各 自 完成 功能 


D. 以 上 都 不 对 
(22) RequiredFieldValidator 控件 的 ErrorMessage 的 属性 用 来 ( Ys 

A. 设置 错误 信息 B. 设置 相应 验证 的 控件 

C. 定位 错误 类 型 D. 启动 错误 处 理 程序 
(23) RequiredFieldValidator 控件 的 ControlToValidate 的 属性 用 来 

A. 设置 是 否 需要 验证 B. 设置 相应 验证 的 控件 

C. 设置 验证 方式 D. 设置 验证 的 数据 类 型 
(24) RangeValidator 控件 用 于 验证 数据 的 ( ) 。 

A. 类 型 B. 格式 C. 范围 D. 正则 表达 式 
(25) 要 验证 文本 框 中 输入 的 数据 是 否 为 合法 的 邮编 ,需要 使 用 ( ) 验 证 控件 。 

A. RequiredFieldValidator B. RangeValidator 

C. CompareValidator D. RegularExpressionValidator 
(26) 如 果 需 要 确保 用 户 输 入 小 于 96 的 值 ,应 该 使 用 (  “”) 验 证 控件 。 

A. CompareValidator B. RangeValidtor 

C. RequiredFieldValidator D. RegularExpressionValidator 
(27) 如 要 确保 用 户 注册 时 两 次 密码 一 致 , 一 般 使 用 ( ) 验 证 控件 。 

A. CompareValidator B. RegularExpression 

C. RequiredFieldValidator D. RangeValidator 


(28) 使 用 RangeValidator 控件 验证 TextBox 控件 输入 的 数据 是 否 为 2016 年 1 月 1 日 到 
2020 年 12 月 31 日 ,除了 (  ) 属 性 外 ,需要 设置 其 他 属性 值 。 
A. MaxmumValue B. MinmumValue 
C. Type D. Text 
(29) 以 下 关于 CustomValidator 控件 的 叙述 中 错误 的 是 ( 
A. 该 控件 允许 用 户 根据 程序 设计 需要 自 定义 控件 的 验证 方法 
B. 该 控件 可 以 添加 客户 端 验证 方法 和 服务 器 验证 方法 
C. 它 的 ClientValidatoFunction 属性 指定 客户 端 验证 方法 
D. runat 属性 来 指定 服务 器 端 验证 方法 
(30) ValidatorSummary 验证 控件 的 作用 是 ( 并 
A. 检查 错误 总 数 B. 集中 显示 各 个 验证 的 结果 
C. 判断 有 无 超出 范围 D. 检查 数值 的 大 小 


第 7 章 ASP .NET 控件 237 


2. 问答 题 

(1) 什么 是 服务 器 控件 ? 能 完成 什么 样 的 功能 ? 

(2) 简 述 Web 标准 服务 器 控件 的 处 理 过 程 。 

(3) HTML 服务 器 控件 和 HTML 元 素 的 区 别 与 联系 ? 

(4) 如 何 将 HTML 控件 转换 为 Web 服务 器 控件 。 

(5) 如 果 一 个 网 页 上 有 一 个 DropDownListl 控件 ,希望 用 户 选择 其 中 某 项 时 立即 回 传 至 
服务 器 ,如 何 设计 。 

(6) 简 述 ASP .NET 中 有 哪些 类 型 的 数据 验证 控件 。 


7.8 上 机 实验 题 


在 CH7 网 站 中 添加 一 个 Exp 网 页 ,其 设计 界面 如 图 7. 23 所 示 , 用 户 从 省 份 下 拉 列 表 中 
选择 一 个 省 份 后 ,在 城市 下 拉 列 表 中 列 出 该 省 份 所 属 城市 ,然后 输入 该 城市 的 邮政 编码 , 单 击 
“确定 ”按钮 在 Labell 控件 显示 用 户 输入 的 信息 ,如 图 7. 24 所 示 。 

要 求 邮编 文本 框 不 能 为 空 , 而 且 邮 编 格 式 要 正确 。 


2 https//localhost'5324: 记 -CR 


@ localhost x 
= 肖 份 : [湖北 省 YY 
城市 : | 武汉 市 YY 
上 央 市 : | 才 比 主 ”可 ee 
je 三， 六 式 舍 设 公 须 输 入 | | 
| | 湖北 省 武汉 市 的 邮编 为 430000 
[zabelll 


图 7.23 世界 实验 题 网 页 的 设计 界面 图 7.24 世界 实验 题 网 页 的 执行 界面 


第 8 瘟 ASP .NET 内置 对 象 


使 用 内 置 对 象 
就 行 了 ! 


如 何 从 一 个 网 页 转向 


到 另 一 个 网 页 ? 
求助 啊 ! 


Response 对 象 Server 对 象 
本 章 指 南 


8.1 ASP .NET 对 象 概述 


知识 梳理 


常用 的 ASPNET 对 象 
网 页 生命 周期 


ASP.NET 对 象 概述 


8.1.1 常用 的 ASP .NET 对 象 
在 ASP 中 有 几 个 内 置 对 象 ,如 Response、Request 等 ,它们 是 ASP 技术 中 最 重要 的 一 部 
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分 。 在 ASP .NET 中 ,这 些 对 象 仍然 存在 ,使 用 的 方法 也 大 致 相同 ,不 同 的 是 ,这 些 内 置 对 象 


是 由 .NET Framework 中 封装 好 的 类 来 实现 的 。 因 为 这 些 内 置 对 象 是 在 ASP .NET 网 页 初 


始 化 请 求 时 自动 创建 的 ,是 全 局 变量 ,不 需要 声明 就 可 以 直接 使 用 ,如 Response. Write(" Hello 
World") 就 是 直接 使 用 了 Response 对 象 。 

ASP .NET 中 常用 的 内 置 对 象 及 其 说 明 如 表 8. 1 所 示 , 实 际 上 ,Response、 Request、 
Server、Application 和 Session 都 是 Page 类 的 属性 。 


表 8.1 ASP .NET 中 常用 的 内 置 对 象 


对 象 名 说 明 
Page 用 于 操作 整个 网 页 
Response 用 于 向 浏览 器 输出 信息 
Request 提供 对 当前 网 页 请 求 的 访问 


Server 


提供 服务 器 端的 一 些 属 性 和 方法 


Application 提供 对 所 有 会 话 的 应 用 程序 范围 的 方法 和 事件 的 访问 ,还 提供 对 可 用 于 存储 信息 


Session 
Cookie 


加 
一 


的 应 用 程序 范围 缓存 的 访问 
用 于 存储 特定 用 户 的 会 话 信息 
用 于 设置 或 获取 Cookie 信息 


.2 网 页 生命 周期 


ASP .NET 网 页 循环 处 理 的 过 程 如 下 : 

Q@ 用 户 通过 客户 端 浏览 器 请 求 网 页 ,网 页 第 一 次 运行 。 

@ Web 服务 器 上 的 ASP .NET 对 请 求 的 网 页 进行 处 理 ,翻译 成 HTML 和 JavaScript 等 。 
@ 将 网 页 标记 动态 呈现 到 浏览 器 ,浏览 器 对 标记 进行 解析 并 显示 。 

@ 用 户 输入 信息 或 从 可 选项 中 进行 选择 ,或 单 击 命令 按钮 。 

@@ 网 页 发 送 到 Web 服务 器 ,在 ASP .NET 中 称 此 为 “ 回 发 ”或 “ 回 传 ”。 

人 Web 服务 器 执行 后 台 代码 指定 的 操作 。 

@ Web 服务 器 将 执行 操作 后 的 网 页 以 HTML( 或 XHTML) 标 记 的 形式 发 送 到 客户 端 济 


览 器 。 


ASP .NET 网 页 运行 时 ,此 网 页 将 经 历 一 个 生命 周期 ,在 生命 周期 中 将 执行 一 系列 处 理 步 
又 ,如 表 8.2 所 示 。 


阶段 


表 8.2 网 页 的 生命 周期 
说 明 


网 页 请 求 


网 页 请 求 发 生 在 网 页 生命 周期 开始 之 前 。 用 户 请 求 网 页 时 ,ASP .NET 将 确定 是 否 需要 分 
析 和 编译 网 页 (从 而 开始 网 页 的 生命 周期 ) ,或 者 是 否 可 以 在 不 运行 网 页 的 情况 下 发 送 网 页 
的 缓存 版 本 以 进行 响应 


开始 


在 开始 阶段 ,将 设置 网 页 属性 ,如 Request 和 Response。 在 此 阶段 ,网 页 还 将 确定 请 求 是 回 
发 请 求 还 是 新 请 求 , 并 设置 IsPostBack 属性 


网 页 初始 化 


网 页 初始 化 期 间 , 可 以 使 用 网 页 中 的 控件 ,并 将 设置 每 个 控件 的 UniqueID 属性 (服务 器 控 
件 的 唯一 的 、 以 分 层 形式 限定 的 标识 符 )。 此 外 ,任何 主题 都 将 应 用 于 网 页 。 如 果 当 前 请 求 
是 回 发 请 求 , 则 回 发 数据 尚未 加 载 , 并 且 控件 属性 值 尚未 还 原 为 视图 状态 中 的 值 
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续 表 

阶段 说 明 
加 载 期 间 ,如 果 当 前 请 求 是 回 发 请 求 , 则 将 使 用 从 视图 状态 和 控件 状态 恢复 的 信息 加 载 控 
件 属性 
验证 在 验证 期 间 , 将 调用 所 有 验证 程序 控件 的 Validate 方法 ,此 方法 将 设置 各 个 验证 程序 控件 

和 网 页 的 IsValid 属性 
回 发 事件 处 理 | 如 果 请 求 是 回 发 请 求 , 则 将 调用 所 有 事件 处 理 程序 
在 呈现 之 前 ,会 针对 该 网 页 和 所 有 控件 保存 视图 状态 。 在 呈现 阶段 中 ,网 页 会 针对 每 个 控 
呈现 件 调用 Render 方法 , 它 会 提供 一 个 文本 编写 器 ,用 于 将 控件 的 输出 写 入 网 页 的 Response 属 
性 的 OutputStream 中 
完全 呈现 网 页 并 已 将 网 页 发 送 至 客户 端 ,准备 丢弃 该 网 页 后 ,将 调用 印 载 。 此 时 ,将 印 载 网 
页 属性 (如 Response 和 Request) 并 执行 清理 


加 载 


印 载 


在 网 页 命 周 期 的 每 个 阶段 中 ,网 页 将 引发 开发 人 员 编 写 的 代码 进行 处 理 的 事件 ,以 便 插入 
业务 逻辑 代码 。 了 解 页 生命 周期 中 的 这 些 事件 非常 重要 ,因为 ASP .NET 本 质 上 是 “事件 驱 
动 ” 的 开发 模型 。 这 样 就 能 在 合适 的 生命 周期 阶段 编写 代码 ,以 达到 预期 效果 。 

ASP .NET 中 ,网 页 常见 的 事件 如 下 : 

。 Page_Prelnit: 网 页 初始 化 之 前 ,网 页 上 的 控件 还 尚未 创建 。 使 用 该 事件 来 执行 ,检查 

IsPostBack 属性 来 确定 是 不 是 第 一 次 处 理 该 网 页 ; 创建 或 重新 创建 动态 控件 ; 动态 设 
置 主题 属性 ; 读 取 或 设置 配置 文件 属性 值 。 

。 Page_Init: 在 所 有 控件 都 已 初始 化 且 已 应 用 所 有 外 观 设置 后 引发 。 使 用 该 事件 来 读 
取 或 初始 化 控件 属性 。 

。 Page_Load: 当 服务 器 控件 加 载 到 Page 对 象 中 时 引发 ,此 时 网 页 上 的 控件 都 已 生成 完 
毕 。 使 用 该 事件 可 以 访问 该 事件 的 视图 状态 信息 和 网 页 POST 数据 ,还 可 以 访问 网 页 
控件 层次 结构 内 的 其 他 服务 器 控件 。 在 每 次 页 面 请 求 时 ,通知 服务 器 控制 执行 Page_ 
Load 事件 处 理 方法 中 设 定 的 任何 处 理 步骤 。 

。 控件 的 事件 : 有 用 户 操作 网 页 时 引发 ,具体 事件 和 引发 的 次 数 、 顺 序 根据 具体 网 页 和 
用 户 的 操作 而 定 , 如 Button 控件 的 Click 事件 或 TextBox 控件 的 TextChanged 事件 。 
在 回 发 请 求 中 ,如 果 网 页 包含 验证 控件 , 则 在 执行 任何 处 理 之 前 检查 Page 和 各 个 验证 
控件 的 IsValid 属性 。 

。 Page_PreRender: 此 时 HTML 网 页 生成 完毕 , 接 下 来 就 要 发 送 给 客户 端 了 ,使 用 该 事 

件 可 以 在 HTML 网 页 上 追加 一 些 附加 信息 ,网 页 页 的 内 容 进行 最 后 更 改 。 

。 Page_Unload: 执行 最 后 的 清理 工作 ,如 关闭 控件 特定 数据 库 连接 或 完成 日 志 记 录 或 
其 他 请 求 特定 任务 。 

网 页 事件 顺序 是 固定 的 ,但 网 页 上 的 控件 事件 则 依赖 具体 网 页 和 用 户 的 操作 。 如 果 控 件 
的 AutoPostBack 属性 设置 为 true( 默 认 值 为 false) ,那么 将 立刻 引起 网 页 回 发 , 即 网 页 中 各 个 
控件 的 值 回 传 到 Web 服务 器 上 ,引发 相应 事件 ,由 事件 的 处 理 程序 处 理 。 处 理 完成 后 如 果 没 
有 跳 转 指令 ,该 网 页 将 再 次 发 送 到 客户 端的 浏览 器 上 。 如 果 控 件 的 AutoPostBack 属性 设置 
为 false, 那 么 它 的 事件 将 不 会 一 发 生 就 马上 回 传 ,而 要 等 到 像 Button_Click 这 样 的 回 传 事件 
发 生 , 才 一 并 回 传 。 期 间 可 能 有 多 个 事件 被 暂 存在 客户 端 ,但 是 如 果 一 个 控件 的 一 个 事件 重复 
发 生 , 则 只 暂 存 最 后 一 次 事件 的 信息 。 
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8.2 Page 对象 


Page 对 象 的 属性 、 方 法 和 事件 
Page 对 象 的 应 用 


8.2.1 Page 对 象 的 属性 .方法 和 事件 


Page 类 与 扩展 名 为 aspx 的 网 页 文件 相关 联 ,这 些 文件 在 运行 时 被 编译 为 Page 对 象 ,并 
被 缓存 在 服务 器 内 存 中 。 也 就 是 说 ,每 一 个 ASP .NET 网 页 都 是 一 个 Page 对 象 ,Page 对 象 是 
由 System. Web. UI 命名 空间 中 的 Page 类 来 实现 的 。Page 对 象 充当 网 页 中 所 有 服务 器 控件 
的 容器 。 

1. Page 对 象 的 属性 

Page 对 象 的 常用 属性 及 其 说 明 如 表 8. 3 所 示 , 此 外 ,Page 对 象 还 包括 Response、 Request、 
Server、Session 和 Application 对 象 属性 。 下 面 介绍 其 中 两 个 属性 的 用 法 。 

表 8.3 Page 对 象 的 常用 属性 及 其 说 明 


知识 梳理 


属 性 说 上 明 
ClientQueryString ”获取 请 求 的 URL 的 查询 字符 串 部 分 
ErrorPage 获取 或 设置 错误 页 ,在 发 生 未 处 理 的 页 异常 的 事件 时 请 求 浏览 器 将 被 重 定向 到 该 页 
Form 获取 网 页 的 HTML 窗 体 
IsCrossPagePostBack 获取 一 个 值 , 该 值 指示 跨 页 回 发 中 是 否 涉及 该 网 页 
IsPostBack 获取 一 个 值 ,该 值 指示 网 页 是 第 一 次 呈现 还 是 为 了 响应 回 发 而 加 载 
IsValid 获取 一 个 值 ,该 值 指示 网 页 验证 是 否 成 功 
Master 获取 确定 页 的 整体 外 观 的 母 版 页 
MasterPageFile 获取 或 设置 母 版 页 的 文件 名 
PreviousPage 获取 向 当前 网 页 传输 控件 的 网 页 


(1) IsPostBack 属性 

该 属性 获取 一 个 布尔 值 ,为 True 时 表示 当前 网 页 是 为 响应 客户 端 回 传 (PostBack, 指 网 页 
及 操作 状态 传 回 服务 器 ) 而 加 载 ; 为 False 时 表示 首次 加 载 和 访问 网 页 。 

该 属性 值 是 系统 根据 网 页 的 执行 情况 自动 设置 的 ,在 编程 时 只 能 读 取 它 的 值 ,不 能 修改 它 
的 值 。 

(2) IsValid 属性 

该 属性 获取 一 个 布尔 值 ,指示 网 页 上 的 验证 控件 是 否 验证 成 功 。 若 网 页 验证 控件 全 部 验 
证 成 功 ,该 值 为 True, 否 则 为 False。 

IsValid 属性 在 网 页 验证 中 起 着 重要 作用 。 例如 ,以 下 事件 过 程 通过 mylabel 标签 输出 验 
证 结果 : 
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void Buttonl Click(Object Sender, EventArgs E) 
{ if (Page.IsValid) // 也 可 写成 if (Page. IsValid == true) 
mylabel. Text = "信息 验证 成 功 !"; 
else 
mylabel. Text = "信息 验证 失败 "; 
} 


2. Page 对 象 的 方法 
Page 对 象 的 常用 方法 及 其 说 明 如 表 8.4 所 示 。 
表 8.4 Page 对 象 的 常用 方法 及 其 说 明 


方 法 说 明 
DataBind 将 数据 源 绑 定 到 被 调用 的 服务 器 控件 及 其 所 有 子 控件 
FindControl 在 网 页 中 查找 指定 ID 的 服务 器 控件 
RegisterClientScriptBlock ”向 网 页 发 出 客户 端 脚本 块 
MapPath 检索 虚拟 路 径 ( 绝 对 的 或 相对 的 ) 或 应 用 程序 相关 的 路 径 映 射 到 的 物理 路 径 
Validate 指示 网 页 中 所 有 验证 控件 进行 验证 


3. Page 对 象 的 事件 
Page 的 常用 事件 及 其 说 明 如 表 8.5 所 示 , 下 面 对 这 3 个 事件 作 进 一 步 的 介绍 。 
表 8.5 Page 对 象 的 常用 事件 及 其 说 明 


事件 说 明 

Init 当 服 务 器 控件 初始 化 时 发 生 

Load 当 服务 器 控件 加 载 到 Page 对 象 中 时 发 生 
Unload 当 服务 器 控件 从 内 存 中 印 载 时 发 生 


8.2.2 Page 对 象 的 应 用 


1， Page. IsPostBack 属性 的 基本 应 用 
在 Page_Load 事件 处 理 方 法 中 ,通过 Page. IsPostBack 属性 可 以 实现 首次 加 载 和 回 传 时 
执行 不 同 的 程序 代码 。 例 如 : 


void Page_Load(Object o, EventArgs e) 
{ if (!Page. IsPostBack) 


{ // 如 果 网 页 为 首次 加 载 , 则 进行 一 些 操作 
} 
else 


{ // 如 果 网 页 为 回 发 , 则 进行 一 些 操作 


【 练 一 练 】 以 “D:\ 电 子 商 务 \CH8” 目 录 创 建文 件 系 统 空 网 站 CH8, 添 加 一 个 webforml 
网 页 ,其 功能 是 说 明 Page. IsPostBack 属性 的 基本 应 用 方法 。 
其 设计 步骤 如 下 : 
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QO@ 打开 CH8 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH8” 对 话 框 ,在 中 间 列 
表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webforml. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ”按钮 。 

@ 本 网 页 的 设计 界面 如 图 8. 1 所 示 , 其 中 包含 一 个 文本 框 TextBoxl, 一 个 下 拉 列 表 
DropDownListl ,一 个 命令 按钮 Buttonl 和 两 个 标签 (Labell 和 Label2)。 将 DropDownListl 
的 AutoPostBack 属性 设置 为 True( 其 默认 值 为 False) 。 在 该 网 页 上 设计 如 下 事件 过 程 : 


protected void Page_Load(object sender, EventArgs e) 
{ if (!Page. IsPostBack) 
Label2.Text = "你 尚未 提交 数据 "; 
else 
{ ”Label2.Text = "输入 信息 如 下 : <br>"; 
Label2. Text += "gnbsp; 姓 名 为 ”+ TextBoxl.Text + ",&nbsp; 民 族 为 " 
+ DropDownList1. SelectedValue. ToString(). Trim(); 
} 
} 
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) 
{ 
Labell. Text = "选择 "+ DropDownList1l1.SelectedValue. ToString().Trim(); 
} 
protected void Buttonl_ Click(object sender, EventArgs e) 
{ 
// 不 含 任何 代码 ,起 到 提交 网 页 的 作用 
} 


@@ 单 击 工 具 栏 中 的 p> Internet Explorer 按钮 执行 本 网 页 ,初始 界面 如 图 8. 2 所 示 ,此 时 网 页 首 
发 ,Page. IsPostBack 返回 false, 执 行 Page_Load 事件 处 理 方法 中 的 if 部 分 语句 ,在 Label2 中 
显示 “你 尚未 提交 数据 ”。 


[8 tp/ocalhostess5. Pp - © 
ebf La i 大 localhost x 国 " 
[bo 中 | x 
姓名 : 
民族 : [汉族 可 [Label1] 


| 


[Label2] 
1 Eee 四 
图 8.1 webforml 网 页 的 设计 界面 图 8.2 webforml 网 页 的 执行 界面 一 


现在 文本 框 中 输入 “ 王 华 ”, 单 击 “ 提 交 ” 按 钮 ,其 运行 界面 如 图 8. 3 所 示 , 这 是 因为 单 击 
Buttonl 按钮 导致 网 页 回 发 ,Page. IsPostBack 返回 True, 执 行 Page_Load 事件 处 理 方法 中 的 
else 部 分 语句 和 Button1_Click 事件 处 理 方法 (尽管 该 过 程 为 空 ) ,在 Label2 中 显示 界面 输入 
的 信息 。 

如 果 在 初始 界面 出 现 后 ,从 下 拉 列 表 中 选择 “满族 ”, 其 运行 界面 如 图 8.4 所 示 ,发 现 网 页 
也 提交 了 ,这 是 怎么 回 事 呢 ? 原因 是 DropDownListl 控件 的 AutoPostBack 属性 设置 为 
True, 当 用 户 从 中 选择 一 个 非 “ 汉 族 ” 选 项 时 ,会 导致 网 页 提交 , 即 回 发 ,服务 器 执行 Page_Load 
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和 DropDownListl_SelectedIndexChanged 事件 处 理 方法 ,在 Label2 中 显示 界面 输入 的 信息 。 


EX 本 
BB | tpnocalhostssss p - © 全 
| @ localhost x 


| 姓名 : 


民族 : 


输入 信息 
PE “民族 为 汉族 


图 8.3 webforml 网 页 的 执行 界面 二 图 8.4 webforml 网 页 的 执行 界面 三 


上 述 网 页 的 几 点 说 明 如 下 : 

。 无论 网 页 是 首发 还 是 回 发 ,都 会 执行 Page_Load 事件 处 理 方法 ; 

。 如 果 DropDownListl 控件 的 AutoPostBack 属性 为 False, 选 择 其 选项 的 操作 不 会 导 

致 网 页 提交 ,也 不 会 执行 DropDownList1_SelectedIndexChanged 事件 处 理 方法 。 

2. 利用 Attributes 属性 实现 密码 回 送 

当 一 个 网 页 含有 Password 类 型 的 文本 框 时 ,网 页 提交 后 ,该 类 型 的 文本 框 内 容 会 清空 ， 
ASP .NET 这 样 做 目的 是 为 了 安全 性 ,但 有 时 会 给 用 户 操 作 带 来 不 便 ,为 此 可 以 在 Page_Load 
事件 处 理 方法 中 利用 Attributes 属性 实现 密码 回 送 。 例 如 , 若 Password 类 型 的 文本 框 为 
TextBoxl ,可 以 执行 如 下 语句 达到 这 个 目的 : 


TextBox1. Attributes. Add( "value", TextBoxl.Text); 


【 练 一 练 】 在 本 章 的 CH8 网 站 中 添加 一 个 webforml-1 网 页 , 其 功能 是 说 明 利 用 
Attributes 属性 实现 密码 回 送 的 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH8 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 “ 添 加 新 项 -CH8” 对 话 框 ,在 中 
间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webforml- 


1. aspx, 其 他 保持 默认 项 , 单 击 * 添 加 ”按钮 。 se RE = 
@ 本 网 页 的 设计 界面 如 图 8. 5 所 示 , 其 中 包含 一 个 村 码 = 二 

4 行 2 列 的 表格 ,表格 中 有 两 个 文本 框 (TextBoxl 和 | | 提交 | 

TextBox2) ,一 个 命令 按钮 Buttonl 和 一 个 标签 Labell。 - Label 恒 

将 TextBox2 的 TextMode 属性 设置 为 Password。 在 该 1 

网 页 上 设计 如 下 事件 过 程 : 图 8.5 ”webform1-1 网 页 的 设计 界面 


protected void Page Load(object sender, EventArgs e) 
{ if (!Page. IsPostBack) 
TextBox1. Attributes. Add( "value", "User"); 

} 
protected void Buttonl1_ Click(object sender, EventArgs e) 
{ 

Label1. Text = "登录 信息 : ”+ TextBoxl.Text + "/" + TextBox2.Text; 
} 
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Page_Load 事件 处 理 方法 的 功能 是 在 首发 时 将 用 户 名 文本 框 设置 User 的 初 值 。 

@ 单 击 工 具 栏 中 的 p> Internet Explorer 按钮 执行 本 网 页 ,输入 密码 , 单 击 “ 提 交 ” 按 钮 ,其 结果 
如 图 8. 6 所 示 , 看 到 密码 文本 框 内 容 清 空 了 。 为 了 保存 密码 文本 框 的 内 容 , 将 Page_Load 事 
件 处 理 方法 改 为 如 下 : 

protected void Page Load(object sender, EventArgs e) 

if (!Page. IsPostBack) 

TextBox1l1. Attributes. Add( "value", "User"); 
else 
TextBox2. Attributes. Add( "value", TextBox2. Text); 

} 

此 时 再 执行 本 网 页 ,输入 密码 , 单 击 “ 提 交 ” 按 钮 ,其 结果 如 图 8.7 所 示 , 看 到 密码 文本 框 内 
容 不 变 。 


~ 
[hep/ocalhostosss p - 0 
您 iocalhost x 


用 户 名 : [User 
密 双 : 


提交 
登录 信息 : User/1234 登录 信息 : User/1234 


图 8.6 ”webforml-1 网 页 的 执行 界面 图 8.7 修改 后 webforml-l 网 页 的 执行 界面 


这 是 因为 网 页 修改 后 , 当 用 户 单 击 “ 提 交 ” 按 钮 , 则 向 服务 器 提交 本 网 页 ,TextBox2. Text 
值 会 传递 到 服务 器 ,执行 Page_Load 的 TextBox2. Attributes. Add ("value",，TextBox2. 
Text) 请 句 , 在 ASP .NET 将 TextBox2 控件 转换 为 客户 端 HTML 标记 后 ,在 该 元 素 上 添加 一 
个 value 属性 。 

在 图 8.7 中 右 击 ,在 出 现 的 快捷 菜单 中 选择 “查看 源 " 命 令 , 可 以 看 到 TextBox2 的 客户 端 
HTML 代码 如 下 : 


< input name = "TextBox2" type = "password" id= "TextBox2" value = "1234" 
style = "width:100px;" /> 


这 就 验证 了 本 例 的 正确 性 。 


8.3 Response 对 象 


Response 对 象 的 属性 和 方法 
Response 对 象 的 应 用 


知识 梳理 
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8.3.1 Response 对 象 的 属性 和 方法 

Response 是 HttpResponse 类 对 象 。Response 对 象 用 于 控制 服务 器 发 送 给 浏览 器 的 信 
息 , 包 括 直 接 发 送信 息 给 浏览 器 、 重 定向 浏览 器 到 另 一 个 URL 或 设置 Cookies 的 值 。 

1. Response 对 象 的 属性 

Response 对 象 的 常用 属性 及 其 说 明 如 表 8. 6 所 示 。 当 Response 对 象 的 BufferOutput 属 
性 为 True 时 ,要 输出 到 客户 端的 数据 都 暂时 存储 在 缓冲 区 内 ,等 到 所 有 的 事件 处 理 方法 以 及 
所 有 网 页 对 象 全 部 编译 完毕 后 , 才 会 将 所 有 在 缓冲 区 的 数据 发 送 到 客户 端 浏 览 器 ; 否则 ,要 输 
出 到 客户 端的 数据 直接 输出 ,不 会 暂 存 到 缓冲 区 。 


表 8.6 Response 对 象 的 常用 属性 及 其 说 明 


属 性 说 明 
Buffer 获取 或 设置 一 个 值 ,指示 是 否 缓冲 输出 ,并 在 完成 处 理 整个 响应 之 后 将 其 发 送 
BufferOutput 获取 或 设置 一 个 值 ,指示 是 否 缓冲 输出 ,并 在 完成 处 理 整个 网 页 之 后 将 其 发 送 
Cache 获取 网 页 的 缓存 策略 (过 期 时 间 保密 性 、 变 化 子 句 ) 
Cookies 获取 响应 Cookies 集合 
Expires 获取 或 设置 在 浏览 器 上 缓存 页 过 期 之 前 的 分 钟 数 。 如 果 用 户 在 网 页 过 期 之 前 返回 


该 页 , 则 显示 缓存 版 本 。 提 供 Expires 是 为 了 与 以 前 版 本 的 ASP 兼容 


IsClientConnected ”获取 一 个 值 ,通过 该 值 指示 客户 端 是 否 仍 连接 在 服务 器 上 


2. Response 对 象 的 方法 
Response 对 象 的 常用 方法 及 其 说 明 如 表 8.7 所 示 。 下 面 介绍 几 个 主要 方法 的 用 法 。 


表 8.7 Response 对 象 的 常用 方法 及 其 说 明 


方 ” 法 说 上 明 
Output 启用 到 输出 HTTP 响应 流 的 文本 输出 
OutputStream 启用 到 输出 HTTP 内 容 主 体 的 二 进 制 输出 


RedirectLocation 
Status 
AppendCookie 
AppendToLog 
BinaryWrite 
Clear 
ClearContent 
ClearHeaders 
Close 

End 

Redirect 

Write 
WriteFile 


获取 或 设置 HTTP“ 位 置 ” 标 头 的 值 

设置 返回 到 客户 端的 Status 栏 

将 一 个 HTTP Cookie 添加 到 内 部 Cookie 集合 

将 自 定 义 日 志 信息 添加 到 Internet 信息 服务 (IIS) 日 志文 件 

将 一 个 二 进 制 字符 串 写 人 HTTP 输出 流 

清除 缓冲 区 流 中 的 所 有 HTML 输出 ,不 删除 Response 头 信息 
清除 缓冲 区 流 中 的 所 有 内 容 输出 ,包括 删除 Response 头 信息 
清除 缓冲 区 流 中 的 所 有 头 信息 

关闭 到 客户 端的 套 接 字 连接 

将 当前 所 有 缓冲 的 输出 发 送 到 客户 端 ,停止 该 页 的 执行 ,并 引发 EndRequest 事件 
将 客户 端 转向 到 新 的 URL 

将 信息 写 人 HTTP 响应 输出 流 


将 指定 的 文件 直接 写 人 HTTP 响应 输出 流 


(1) Write 方法 


使 用 Write 方法 可 以 向 浏览 器 输出 字符 串 。 例 如 : 
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Response. Write(" 现 在 时 间 为 : " + DateTime. Now. ToString()); 


用 于 输出 当前 的 时 间 。 

实际 上 Write 方法 将 指定 的 字符 串 输 出 到 客户 端 ,由 客户 端 浏览 器 解释 后 输出 ,所 以 这 个 
输出 字符 串 中 可 以 包含 一 些 HTML 格式 的 输出 标记 。 

(2) Redirect 方法 

使 用 Redirect 方法 可 以 实现 在 不 同 网 页 之 间 进 行 转向 功能 ,转向 的 网 页 可 以 是 本 机 的 网 
页 ,也 可 以 是 远程 的 网 页 。 例 如 ,输入 以 下 代码 : 


Response. Redirect("http://www. whu. edu. cn/"); 


执行 上 述 代码 时 显示 的 是 武汉 大 学 的 主页 。 还 可 以 使 用 Redirect 方法 在 网 页 跳 转 的 同 
时 向 转向 的 网 页 传递 参数 。 例 如 : 


Response. Redirect("index.aspx?a= 2&b= 10"); 


执行 该 语句 时 转向 到 index. aspx 网 页 ,并 传递 a 二 2 和 b 二 10 的 参数 。 

(3) End 方法 

当 执 行 ASP .NET 网 页 时 ,如果 遇 到 End 方法 ,就 会 自动 停止 输出 当前 缓冲 区 的 内 容 ,并 
中 止 当前 网 页 的 处 理 。 例 如 : 


Response. Write(" 欢 迎 光 临 "); 
Response. End( ); 
Response. Write( "我 的 网 站 !"); 


只 输出 “欢迎 光临 ”, 而 不 会 输出 “我 的 网 站 1”"。End 方法 常常 用 来 帮助 调试 程序 。 
8.3.2 Response 对 象 的 应 用 


【 练 一 练 】 在 本 章 的 网 站 CH8 中 添加 一 个 webform2 网 页 ,其 功能 是 说 明 Response 对 
象 的 使 用 方法 。 

其 设计 步骤 如 下 : 

@ 打开 CH8 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 “ 添 加 新 项 -CH8” 对 话 框 ,在 中 
间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform2. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 
按钮 。 

@ 本 网 页 的 设计 界面 中 不 包含 任何 控件 。 在 该 网 页 上 设计 如 下 事件 过 程 : 


protected void Page_Load(object sender, EventArgs e) 
{ DateTimed = DateTime. Now; 
string mystr = "< span style= 'font - family: 黑体 ;" + 
"font - weight: bold;font - size: large;color: #FF0000; >"; 
mystr += "今日 : <br>"; 
mystr += "g&nbsp;" + d.Year.ToString() + "年 " + 
d. Month. ToString() + "月 " + d.Day.ToString() + "HBH<br>"; 
System. DayOfWeek week = d.DayOfWeek; 
int n = (int)week; 
if (n == 0) 
mystr += "gnbsp; 星 期 日 < br >"; 
else 
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mystr += "gnbsp; 星 期 " + n.ToString() + "<br>"; 
mystr += "gnbsp; 本 年 第 "+ d.DayOfYear. ToString() + "天 </span>"; 
Response. Write(mystr); 
} 
@ 单 击 工 具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ,其 
执行 界面 如 图 8. 8 所 示 。 实 际 上 ,Page_Load 事件 处 理 方法 
采用 Response. Write 方法 向 HTTP 响应 输出 流 中 输出 如 


今日 : 
下 代码 : “2015 年 7 月 23 日 
< span style = 'font - family: 黑体 ;font - weight: bold;font— 和 其 4 


size: large;color: #FF0000; > 今日 : <br> 
gnbsp;2015 年 7 月 23 日 <br> 
&nbsp; 星 期 4<br> 
&nbsp; 本 年 第 204 天 </span> 


图 8.8 webform2 网 页 的 执行 界面 
网 页 执行 的 最 终结 果 就 是 上 述 HTML 语句 在 浏览 器 中 
的 呈现 结果 。 


8.4 Request 对象 


Request 对 象 的 属性 和 方法 
Sa Request 对 象 的 应 用 
8.4.1 Request 对 象 的 属性 和 方法 

Request 是 HttpRequest 类 对 象 。Request 对 象 的 主要 功能 是 从 客户 端 获 取 数 据 。 使 用 
该 对 象 可 以 访问 任何 HTTP 请 求 传递 的 信息 .包括 使 用 POST 方法 或 者 GET 方法 传递 的 参 
数 、Cookies 和 用 户 验证 。 


1. Request 对 象 的 属性 


Request 对 象 的 常用 属性 及 其 说 明 如 表 8. 8 所 示 。 其 中 QueryString 属性 可 以 获取 从 上 
一 个 网 页 传递 来 的 字符 串 参数 ,使 用 格式 为 Request. QueryString[ "参数 名 "]。 采 用 类 似 的 方 
法 可 以 获取 Form、Cookies 和 ServerVariable 等 集合 的 元 素 值 。 


表 8.8 Request 对 象 的 常用 属性 及 其 说 明 


知识 梳理 


属 性 说 明 
ApplicationPath 获取 ASP .NET 应 用 的 虚拟 目录 (URL) 
PhysicalPath 获得 ASP .NET 应 用 的 物理 目录 
Browser 获取 有 关 正 在 请 求 客户 的 客户 端的 浏览 器 功能 的 信息 
Cookies 获取 在 请 求 中 发 送 的 Cookies 集 


FilePath 获取 当前 请 求 的 虚拟 路 径 
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续 表 
属 性 说 明 
Form 获取 回 传 到 网 页 的 窗 体 变量 集 
Headers 获取 HTTP 头 部 
ServerVariables 获取 服务 器 变量 的 名 字 / 值 集 
QueryString 获取 HTTP 查询 字符 串 变 量 集合 
Url 获取 有 关 当 前 请 求 的 URL 的 信息 
UserHostAddress 获取 客户 端 主机 的 地 址 


2. Request 对 象 的 方法 
Request 对 象 的 常用 方法 及 其 说 明 如 表 8.9 所 示 。 下 面 介 绍 几 个 主要 方法 的 用 法 。 


表 8.9 Request 对 象 的 常用 方法 及 其 说 明 


方 法 说 明 
MapPath 返回 URL 的 物理 路 径 
SaveAs 将 HTTP 请 求 保存 到 文件 中 


(1) MapPath 方法 

其 使 用 语法 格式 如 下 : 

MapPath(VirtualPath) 

该 方法 将 当前 请 求 的 URL 中 的 虚拟 路 径 VirtualPath 映射 到 服务 器 上 的 物理 路 径 。 参 
数 VirtualPath 用 于 指定 当前 请 求 的 虚拟 路 径 ( 可 以 是 绝对 路 径 ,也 可 以 是 相对 路 径 ) 。 返 回 值 
为 与 VirtualPath 对 应 的 服务 器 端 物理 路 径 。 

例如 ,如 下 语句 : 

Response. Write(Request. MapPath( "webform] .aspx" )); 
输出 的 结果 是 “D;\ 电 子 商务 \CH8\webforml. aspx”。 而 如 下 语句 : 

Response. Write( Request. MapPath("")); 
输出 的 结果 是 “D:\ 电 子 商 务 \CH8”。 


(2) SaveAs 方法 
其 使 用 语法 格式 如 下 : 


SaveAs(filename, includeHeaders) 


该 方法 将 客户 端的 HTTP 请 求 保存 到 磁盘 。 参 数 filename 用 于 指定 文件 在 服务 器 上 保 
存 的 位 置 ; 布尔 型 参数 includeHearders 用 于 指示 是 否 同时 保存 HTTP 头 。 
例如 : 


Request. SaveAs("D:\\aaa. txt", true); 


执行 后 在 D 盘 根 目录 产生 aaa. txt 文件 ,其 中 包含 Cache-Control 和 Connection 等 客户 端的 
HTTP 请 求 信 息 。 
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8.4.2 ”Request 对 象 的 应 用 


1. 获取 客户 端 机 器 和 浏览 器 的 相关 信息 


通常 使 用 Request 对 象 的 Browser、URL、Path 和 PhysicalPath 等 属性 获取 客户 端 机 器 和 
浏览 器 的 相关 信息 。 

【 练 一 练 】 在 本 章 的 网 站 CH8 中 添加 一 个 webform3 网 页 ,其 功能 是 获取 客户 端 机 器 和 
浏览 器 的 信息 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH8 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH8” 对 话 框 ,在 中 
间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform3. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 
按钮 。 

@ 其 设计 界面 中 不 包含 任何 内 容 。 在 该 网 页 上 设计 如 下 事件 过 程 : 


protected void Page_Load(object sender, EventArgs e) 
{ ”Response.Write(" 浏 览 器 名 称 和 主 版 本 号 :“" 
+ Request. Browser. Type + "< br >" ); 
Response. Write(" 浏 览 器 名 称 : " + Request. Browser. Browser + "< br >" ); 
Response. Write(" 浏 览 器 平台 : " + Request. Browser. Platform + "< br >"); 
Response. Write(" 客 户 端 IP 地 址 : " + Request. UserHostAddress + "< br >" ); 
Response. Write(" 当前 请 求 的 URL: " + Request. Url + "< br >"); 
Response. Write(" 当前 请 求 的 虚拟 路 径 : " + Request. Path + "< br >"); 
Response. Write(" 当 前 请 求 的 物理 路 径 : " + Request. PhysicalPath + "< br >"); 
} 


@ 单 击 工 具 栏 中 的 p> Internet Explorer 按钮 执行 本 网 页 ,其 执行 界面 如 图 8. 9 所 示 。 


外 http/localhost64654/webform3 人 D ~ ee 


@ localhost 
ee IntemetExplorerl1 
浏览 器 名 称 ，IntemetExplorer 


浏览 器 平台 ，WinNT 

客户 端 卫 地 址 ，::1 

当前 请 请 求 的 URL， http-/localhost-64654/webform3 aspx 
当前 请 求 的 虚拟 路 径 ，/webform3 aspx 
当前 请 求 的 物理 路 径 ，D:\ 电 子 商务 \CH8\webform3 aspx 


图 8.9 webform3 网 页 的 执行 界面 


2. 使 用 QueryString 属性 在 网 页 之 间 传 递 数据 

在 上 网 的 过 程 中 ,经 常 发 现 网 址 后 面 跟 一 串 字符 ,这 就 是 通过 URL 后 面 的 字符 串 在 两 个 
网 页 之 间 传 递 参数 ,QueryString 属性 保存 这 些 参 数 和 值 , 因 此 可 以 通过 Request 的 QueryString 
在 网 页 之 间 传 递 信息 。 

【 练 一 练 】 在 本 章 的 网 站 CH8 中 添加 webform4 和 webform4-1 两 个 网 页 ,其 功能 是 说 
明 QueryString 属性 的 使 用 方法 。 

其 设计 步骤 如 下 : 

@ 打开 CH8 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH8” 对 话 框 ,在 中 
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间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform4. aspx, 其 他 保持 默认 项 , 单 击 “添加 ” 
按钮 。 

@ webform4 网 页 的 设计 界面 如 图 8. 10 所 示 , 其 中 有 
两 个 文本 框 (TextBoxl 和 TextBox2) 和 一 个 命令 按钮 
Button1。 设 计 事 件 处 理 方法 如 下 : 


protected void Buttonl Click(object sender, EventArgs e) 
{ string mystr; 
mystr = "webform4 — 1.aspx?xh=" + TextBoxl1. Text.Trim() 
+ "&xm=" + TextBox2.Text.Trim(); 
Response. Redirect(mystr); 


图 8.10 webform4 网 页 的 设计 界面 
} 
@ 再 在 CH8 网 站 中 添加 一 个 webform4-1 的 网 页 ,其 中 只 有 一 个 标签 Lablel ,设计 事 件 
处 理 方法 如 下 : 
protected void Page_Load(object sender, EventArgs e) 
{ string xh,xm; 
xh = Request. QueryString["xh"]; 
xm = Request. QueryString[ "xm"]; 
Labell. Text = "你 的 信息 : <br >"; 
Labell. Text += "gnbsp;&nbsp; 学 号 为 ”+ xh + ", 姓 名 为 ”+ xm; 
} 
@ 单 击 工具 栏 中 的 Internet Explorer 按钮 执行 webform4 网 页 ,输入 学 号 和 姓名 , 单 击 “下 
一 步 ?按钮 ,出现 webform4-1 网 页 ,如 图 8. 11 所 示 。 看 到 显示 webform4-1 网 页 的 地 址 如 下 : 


http://localhost:64654/webform4 - 1.aspx?xh= 101&xm= %e7%8e% 8b%e5%8ds% 8e 


这 就 是 URL,xm 后 面 的 数据 是 加 密 的 。webform4-1 网 页 的 Page_Load 事件 过 程 从 中 提 
取 QueryString 属性 中 对 应 变量 的 值 并 输出 。 


你 的 信息 : 
学 号 为 101, 姓 名 为 王 华 


8.11 网 页 的 执行 过 程 
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3. 使 用 Form 属性 在 网 页 之 间 传 递 数 据 

使 用 Request 的 Form 属性 可 以 获取 客户 端 通过 POST 方式 传递 的 表单 数据 ,从 而 实现 
网 页 之 间 的 数据 传递 。 

【 练 一 练 】 在 本 章 的 网 站 CH8 中 添加 webform5 和 webform5-1 两 个 网 页 ,其 功能 是 说 
明 Form 属性 的 使 用 方法 。 

其 设计 步骤 如 下 : 

@ 打开 CH8 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH8” 对 话 框 ,在 中 间 列 
表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform5. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ”按钮 。 

@ webform5 网 页 的 设计 界面 与 webform4 完全 相同 ,只 是 Buttonl 命令 按钮 仅仅 取得 提 
交 网 页 的 作用 ,其 事件 处 理 方法 不 含 任何 代码 ,并 将 webform5 网 页 的 二 form 二 标记 改 为 : 


form id = "forml" runat = "server" method= "post" action = "webform5 - 1.aspx"> 


@ 再 在 CH8 网 站 中 添加 一 个 webform5-1 的 网 页 , webform5-1 网 页 的 设计 界面 与 
webform4-1 完全 相同 ,设计 事件 处 理 方法 如 下 : 
protected void Page_Load(object sender, EventArgs e) 
{ string xh, xm; 
xh = Request. Form["TextBox1"]; 
xm = Request. Form["TextBox2"]; 
Labell.Text = "你 的 信息 : <br>"; 
Labell. Text += "gnbsp;&nbsp; 学 号 为 ”+ xh +", 姓 名 为 ”+ xzm; 
} 
@ 单 击 工 具 栏 中 的 > Internet Explorer 按钮 执行 webform5 网 页 ,其 执行 结果 与 webform4 完 
全 相同 。 只 是 看 到 显示 webform5-1 网 页 的 地 址 如 下 : 


http://localhost:64654/webform5 - 1.aspx 


其 中 看 不 到 两 个 网 页 之 间 传 递 的 参数 值 ,从 而 达到 安全 的 目的 。webform5-1 网 页 的 
Page_Load 事件 过 程 提取 Form 属性 中 对 应 变量 的 值 并 输出 。 
上 述 两 例 都 用 于 网 页 之 间 的 数据 传递 ,区 别 如 下 : 
。 webform4 例子 采用 QueryString 属性 传递 数据 ,而 webform5 例子 采用 Form 属性 传 
递 数据 。 
。 webform4 例子 的 表单 在 服务 器 端 运行 ,默认 采用 GET 方式 ,而 webform5 例子 的 表 
单 在 客户 端 运行 ,采用 POST 方式 。 
。 webform4 例子 实现 网 页 转向 带 有 传递 数据 的 参数 值 ,而 webform5 例子 通过 提交 命 
令 按 钮 并 用 action 属性 指 计 转向 的 网 页 ,不 带 有 传递 数据 的 参数 值 。 
。 webform4 例子 通过 地 址 直接 指定 传递 参数 值 ,而 webform5 例子 通过 提交 表单 ,其 中 
包含 传递 的 参数 值 。 
需要 注意 的 是 ,webform5 例子 的 表单 在 客户 端 运行 ,webform5-1 网 页 中 使 用 Request. 
Form[ "TextBoxl"] 提 取 TextBoxl 文本 框 的 数据 。 因 为 ,TextBoxl 是 服务 器 控件 ,但 ASP . 
NET 将 其 转换 为 如 下 客户 端 代码 : 


< input name = "TextBoxl" type = "text" id= "TextBoxl" style= "width:80px" /> 


并 且 在 状态 视图 中 保存 它 的 值 ,这 样 可 以 从 客户 端 提取 它 的 值 了 。 
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8.5 Server 对 象 


Server 对 象 的 属性 和 方法 
Server 对 象 的 应 用 
8.5.1 Server 对 象 的 属性 和 方法 


Server 是 HttpServerUtility 类 对 象 。Server 对 象 提供 了 对 服务 器 的 方法 和 属性 的 访问 ， 
可 以 获取 服务 器 的 信息 ,对 HTML 文本 进行 编码 和 解码 等 ,如 文件 的 物理 路 径 等 。 

1. Server 对 象 的 属性 

Server 对 象 的 常用 属性 及 其 说 明 如 表 8. 10 所 示 。 


表 8.10 Server 对 象 的 常用 属性 及 其 说 明 


知识 梳理 


属 性 说 有明 
MachineName 作用 是 获取 服务 器 的 名 称 
ScriptTimeOut 获取 和 设置 请 求 超时 值 (以 秒 计 ) 


2. Server 对 象 的 方法 
Server 对 象 的 常用 方法 及 其 说 明 如 表 8. 11 所 示 。 下 面 介绍 几 个 主要 方法 的 用 法 。 
表 8.11 Server 对 象 的 常用 方法 及 其 说 明 


方 ， 小 说 明 
CreateObject 创建 COM 对 象 的 一 个 服务 器 实例 
Execute 使 用 另 一 页 执行 当前 请 求 
HtmlEncode 对 要 在 浏览 器 中 显示 的 字符 串 进行 编码 
HtmlDecode 对 已 被 编码 以 消除 无 效 HTML 字符 的 字符 串 进行 解码 
UrlEncode 对 指定 字符 串 以 URL 格式 进行 编码 
UrlPathEncode 对 URL 字符 串 的 路 径 部 分 进行 URL 编码 ,并 返回 已 编码 的 字符 串 
MapPath 返回 与 Web 服务 器 上 的 指定 虚拟 路 径 相对 应 的 物理 文件 路 径 
Transfer 终止 当前 网 页 的 执行 ,并 开始 执行 新 的 请 求 网 页 


(1) MapPath 方法 
使 用 MapPath 方法 可 以 获得 服务 器 文件 的 物理 路 径 。 其 使 用 语法 格式 如 下 : 


Server. MapPath( 虚 拟 路 径 字符 串 ); 
其 用 法 与 Request. MapPath 类 似 。 例 如 : 


Response. Write( Server. MapPath( "webform]l.aspx" )); 
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输出 的 结果 是 “D:\ 电 子 商务 \CH8\webforml. aspx”。 而 如 下 语句 : 
Response. Write( Server. MapPath("")); 


输出 的 结果 是 “D:\ 电 子 商 务 \CH8”。 

(2) Transfer 方法 

希望 将 用 户 从 一 个 ASP .NET 网 页 转向 到 另 一 个 网 页 。 网 页 转向 的 方法 很 多 ,使 用 
Server. Transfer 方法 就 是 其 中 的 一 种 方法 ,其 语法 格式 如 下 : 

Server. Transfer( URL); 

Transfer 方法 执行 完 新 的 网 页 后 ,不 再 返回 原 网 页 执行 。 

例如 ,有 一 个 default2. aspx 网 页 , 它 只 输出 “default2 网 页 "文字 ,另外 一 个 default1. aspx 
网 页 ,其 Page_Load 中 包含 以 下 语句 : 

Server. Transfer( "default2.aspx" ); 

Response. Write("default1 网 页 "); 

执行 defaultl. aspx 网 页 , 当 遇 到 该 语句 时 转向 default2. aspx 网 页 ,网 页 输出 default2. 
aspx 执行 的 结果 ,而 不 会 再 执行 Response. Write("defaultl 网 页 ") 语 句 , 如 图 8. 12 所 示 。 

(3) Execute 方 法 

有 了 时 ,希望 在 网 页 运行 时 执行 其 他 网 页 的 内 容 后 继续 执行 当前 网 页 的 内 容 , 可 以 使 用 
Server. Execute 方 法。 其 语法 格式 如 下 : 

Server. Execute( URL); 

Execute 方法 执行 完 新 的 网 页 后 青 返 回 原 网 页 执行 。 

对 于 上 述 例子 ,将 defaultl 网 页 的 代码 中 Server. Transfer 改 为 Server. Execute, 其 他 不 
变 。 执 行 defaultl. aspx 网 页 , 当 遇 到 该 语句 时 转向 到 default2. aspx 网 页 ,网 页 输出 default2. 
aspx 执行 的 结果 ,再 继续 执行 default1l. aspx 网 页 的 Response. Write("defaultl 网 页 ") 语 句 ， 
如 图 8. 13 所 示 。 


[ED 


i OB eco 5 
http://localhost:6465. 甩 @ localhost x 
感 localhost x 


default2 网 页 
defaultl 网 页 


default2 网 页 


8.12 使 用 Server. Transfer 方法 的 结果 图 8.13 使 用 Server. Execute 方法 的 结果 


8.5.2 Server 对 象 的 应 用 


1. 使 用 Server 对 象 获取 服务 器 的 信息 


Server 对 象 顾 名 思 义 就 是 服务 器 对 象 , 可 以 通过 该 对 象 获 取 服 务 器 的 信息 。 
【 练 一 练 】 在 本 章 的 网 站 CH8 中 添加 一 个 webform6 网 页 ,其 功能 是 获取 服务 器 端 相关 
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其 设计 步骤 如 下 : 

@ 打开 CH8 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH8” 对 话 框 ,在 中 
间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform6. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 
按钮 。 

@ 本 网 页 的 设计 界面 如 图 8. 14 所 示 , 其 中 包含 两 个 命令 按钮 (Buttonl 和 Button2) 和 两 
个 标签 (Labell 和 Label2) 。 在 该 网 页 上 设计 如 下 事件 过 程 : 


protected void Buttonl Click(object sender, EventArgs e) 
{ ”Labell.Text = "服务 器 名 称 :”+ Server.MachineName + "<br>" + 
"网 页 请 求 超时 时 间 :”+ Server. ScriptTimeout.ToString() + " 秒 "; 
} 
protected void Button2 Click(object sender, EventArgs e) 
{ ”string mystrl = "<b> 一 个 字符 申 </b>"; 

string mystr2 "abl2&8@ * %S#"; 

Label2, Text = "服务 器 路 径 :”+ Server.MapPath(".") + "<br>" + 
"HtmlEncode:" + Server.HtmlEncode(mystr1l) + "<br>" + 
"HtmlDecode:" + Server.HtmlDecode(mystr1l) + "<br>" + 
"UrlEncode:" + Server.UrlEncode(mystr2) + "<br>" + 
"UrlDecode:" + Server.UrlDecode(mystr2); 


} 


@ 单 击 工 具 栏 中 的 p> Internet Explorer 按钮 执行 网 页 ,分 别 单 击 其 中 的 两 个 命令 按钮 ,其 结果 
如 图 8. 15 所 示 , 从 中 看 到 Server 对 象 的 相关 属性 值 和 通过 调用 Server 对 象 的 相关 方法 返回 
的 结果 。 


个) 万 htpylocalhost6465 PD ~ 


和 励 localhost * 
使 用 Server 对 象 属性 
服务 器 名 称 :LCB-PC 
[ebm sp > 网 页 请 求 超时 时 间 :30000000 秒 
| 使 用 Server 对 象 属性 使 用 Server 对 象 方法 
| 服务 器 路 径 :D: \ 电 子 商务 \CH8 
| HtmlEncode:<b> 一 个 字符 事 </b> 
使 用 Server 对 象 方法 HtmlDecode 一 个 字符 串 
[Labe12] UrlEncode: ab12%26%40*%25%23 
0 | tirlDecode: ab1l28@*%# 
0 ss » 
8.14 webform6 网 页 的 设计 界面 8.15 webform6 网 页 的 执行 界面 


2. 网 页 转向 与 Server. Transfer 

Page. PreviousPage 属性 在 调用 目标 页 的 两 种 情况 下 都 实用 : 在 跨 页 回 发 中 (这 是 一 种 基 
于 客户 端的 传输 ) 和 使 用 Transfer 方法 时 (这 是 基于 服务 器 的 操作 )。 在 以 上 两 种 操作 中 , 目 
标 页 中 的 代码 都 可 以 使 用 PreviousPage 属性 获取 对 源 页 的 引用 。 从 同一 网 站 的 源 页 中 获取 
控件 值 的 方法 是 ,在 目标 页 中 ,通过 使 用 目标 页 的 PreviousPage 属性 获取 对 源 页 的 引用 ,然后 
调用 FindControl 方法 获取 对 所 需 控 件 的 引用 。 

【 练 一 练 】 在 本 章 的 网 站 CH8 中 添加 webform7 和 webform7-1 两 个 网 页 ,其 功能 是 说 
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明 Server. Transfer 的 使 用 方法 。 

其 设计 步骤 如 下 : 

@ 打开 CH8 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 “ 添 加 新 项 -CH8” 对 话 框 ,在 中 
间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform7. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 
按钮 。 

@ webform7 网 页 的 设计 界面 与 webform4 完全 相同 ,设计 事件 处 理 方法 如 下 : 

Pprotected void Button1_Click(object sender, EventArgs e) 

1 


Server. Transfer("webform7 — 1.aspx" ); 


} 


@ 再 在 CH8 网 站 中 添加 一 个 webform7-1 的 网 页 , webform7-1 网 页 的 设计 界面 与 
webform4-1 完全 相同 ,设计 事件 处 理 方法 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
{ ”string mystr = "你 的 信息 : <br>"; 
if (Page.PreviousPage != null) 
{ TextBox sBoxl = (TextBox)Page.PreviousPage.FindControl("TextBox1"); 
TextBox sBox2 = (TextBox)Page.PreviousPage.FindControl("TextBox2"); 
if (sBoxl != null && sBox2!= null) 
mystr += "&nbsp;&nbsp; 学 号 为 ”+ sBoxl.Text + ", 姓 名 为 "+ sBox2, Text; 
Labell. Text = mystr; 


} 


@ 单 击 工具 栏 中 的 Internet Explorer 按钮 执行 webform7 网 页 ,其 执行 结果 与 webform4 完 
全 相同 。 


8.6 Application 对 象 


知识 梳理 


Application 对 象 的 属性 、 方 法 和 事件 


Application 对 象 的 应 用 


8.6.1 Application 对 象 的 属性 方法 和 事件 


Application 是 HttpApplicationState 类 对 象 。Application 对 象 是 运行 在 Web 应 用 服务 
器 上 的 虚拟 目录 及 其 子 目录 下 所 有 文件 .网 页 ,模块 和 可 执行 代码 的 总 和 。 一 旦 网 站 服务 器 被 
打开 ,就 创建 了 Application 对 象 ; 所 有 的 用 户 共 用 一 个 Application 对 象 并 可 以 对 其 进行 修 
改 ; Application 对 象 的 这 一 特性 使 得 网 站 设计 者 可 以 方便 地 创建 诸如 聊天 室 和 网 站 计数 器 等 
常用 Web 应 用 程序 。 
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Application 对 象 是 一 个 对 象 集合 ,可 看 作 是 存储 信息 的 容器 ,为 所 有 用 户 共享 。 
1. Application 对 象 的 属性 
Application 对 象 的 常用 属性 及 其 说 明 如 表 8. 12 所 示 。 

表 8.12 Application 对 象 的 常用 属性 及 其 说 明 


属性 说 明 
Count 返回 Application 集合 中 的 对 象 个 数 
Contents 表示 Application 对 象 中 对 象 集合 ,主要 是 为 了 与 以 前 版 本 的 ASP 兼容 
Item 通过 名 称 或 数字 索引 访问 对 象 


2. Application 对 象 的 方法 
Application 对 象 的 常用 方法 及 其 说 明 如 表 8. 13 所 示 。 下 面 介绍 几 个 主要 方法 的 用 法 。 
表 8.13 Application 对 象 的 常用 方法 及 其 说 明 


方法 说 明 

Add 向 Application 集合 中 添加 新 对 象 

Clear 从 Application 集合 中 移 除 所 有 对 象 

Remove 从 Application 集合 中 移 除 指定 名 称 的 对 象 

RemoveAt 从 Application 集合 中 移 除 指定 索引 的 对 象 

RemoveAll 从 Application 集合 中 移 除 所 有 对 象 

Lock 禁止 其 他 用 户 修改 Application 集合 中 的 对 象 

Unlock 允许 其 他 用 户 修改 Application 集合 中 的 对 象 
(1) Add 方法 


用 于 将 新 对 象 添加 到 Application 集合 中 。 其 语法 格式 如 下 : 
Application. add( 字 符 串 ,对 象 值 ) 
其 中 ,“ 字 符 串 ” 指 定 对 象 名 。 例 如 : 


string strl = "mystr"; 

int intl = 34; 

Application. Add("var1", str1); 

Application. Add( "var2", int1); 

这 样 Application 集合 中 新 增 了 varl 和 var2 两 个 对 象 ,它们 的 值 分 别 是 “mystr” 和 34。 
也 可 以 采用 以 下 方式 新 增 对 象 : 

Application[ "var1"] = strl; 

Application["var2"] = intl; 


可 以 采用 以 下 方式 读 取 Application 集合 中 的 信息 : 


int intvar; 

string strvar; 

object objl = Application[ 0]; // 或 objl = Application. Contents[0]; 
objecto bj2 = Application[ "var2" ]; // 或 obj2 = Application. Contents["var2"]; 
strvar = (string)objl; // 强 制 转换 类 型 


intvar = (int)Rpplication["var2"]; // 强 制 转换 类 型 
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如 果 Application 集合 中 指定 的 对 象 不 存在 . 则 访问 该 对 象 时 返回 null。 
(2) Remove 和 RemoveAt 方 法 
它们 都 用 删除 Application 集合 中 的 指定 对 象 , 其 使 用 语法 格式 如 下 : 


Application. Remove( 对象 名 ); 
Application. RemoveAt (对 象 索引 ); 


例如 : 
Application. Remove( "var1") // 删 除 varl 对 象 
Application. RemoveAt (1); // 删 除 var2 对 象 


3. Application 对 象 的 事件 


Application 对 象 的 常用 事件 及 其 说 明 如 表 8. 14 所 示 。 这 些 事件 处 理 方法 应 该 放 在 
Global. asax 文件 中 。 


表 8.14 Application 对 象 的 常用 事件 及 其 说 明 


事件 说 明 
Start 在 整个 ASP .NET 应 用 程序 第 一 次 执行 时 引发 
End 在 整个 ASP .NET 应 用 程序 结束 时 引发 


8.6.2 Global. asax 文件 


Global. asax 文件 (也 称 为 ASP .NET 应 用 程序 文件 ) 是 一 个 可 选 的 文件 ,只 在 希望 处 理 
应 用 程序 事件 或 会 话 事件 时 , 才 应 创建 它 。 该 文件 包含 响应 ASP .NET 模块 所 引发 的 应 用 程 
序 级 别 和 会 话 级 别 事件 的 代码 。 

一 旦 将 Global. asax 文件 放 在 根 目录 或 适当 的 虚拟 目录 中 ,ASP .NET 就 会 把 它 识 别 出 
来 并 且 会 自动 使 用 该 文件 。 外 部 用 户 不 能 下 载 或 查看 其 中 的 代码 。 

例如 ,在 CH8 网 站 中 创建 Global. asax 文件 的 过 程 是 ,打开 CH8 网 站 ,选择 “网 站 | 添加 
新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH8” 对 话 框 ,在 中 间 列 表 中 选择 “全 局 应 用 程序 类 ”, 保 持 默 
认 文 件 名 , 单 击 “ 添 加 ”按钮 。Global. asax 文件 默认 的 初始 代码 如 下 : 


<% @ Application Language = "C#" %> 
< script runat = "server"> 
void Application Start(object sender, EventArgs e) 
! // 在 应 用 程序 启动 时 运行 的 代码 
2 Application End(object sender, EventArgs e) 
: // 在 应 用 程序 关闭 时 运行 的 代码 
Application Error(object sender, EventArgs e) 
// 在 出 现 未 处 理 的 错误 时 运行 的 代码 
a Session Start(object sender, EventArgs e) 
{ 
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// 在 新 会 话 启动 时 运行 的 代码 
void Session End(object sender, EventArgs e) 
{ 
// 在 会 话 结束 时 运行 的 代码 . 
// 注意 : 只 有 在 Web. config 文件 中 的 sessionstate 模式 设置 为 
// InProc 时 , 才 会 引发 Session_End 事件 . 如 果 会 话 模式 设置 为 StateServer 
// 或 SQLServer, 则 不 引发 该 事件 . 
} 


</script > 
开发 人 员 可 以 在 相应 的 事件 处 理 方法 中 添加 自己 的 代码 。 
8.6.3 Application 对 象 的 应 用 


【 练 一 练 】 在 本 章 的 网 站 CH8 中 添加 一 个 webformsg 的 网 页 ,其 功能 是 实现 一 个 简单 聊 
天 室 说 明 Application 对 象 的 使 用 方法 。 

其 设计 步骤 如 下 : 

QO@ 打开 CH8 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH8” 对 话 框 ,在 中 
间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform8. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 
按钮 。 

G 本 网 页 的 设计 界面 如 图 8. 16 所 示 , 其 中 包含 一 个 标签 (Labell, 用 于 显示 聊天 内 容 )、 
两 个 文本 框 (TextBoxl 和 TextBox2 ,分 别 用 于 输入 姓名 和 聊天 记录 ,TextBox2 的 TextMode 
属性 设 为 MultiLine) 和 一 个 命令 按钮 (Buttonl ,用 于 提交 聊天 记录 )。 在 该 网 页 上 设计 如 下 事 
件 过 程 : 


FE 一 


简单 聊天 室 

[uabel 

| 

| 

| 

| 

| 

| 用 户 名 : 厂 ”内 容 : 时 | 


图 8.16 webform8 网 页 的 设计 界面 


protected void Page Load(object sender, EventArgs e) 
{ if (Application["chat" ]!= null) 
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Labell. Text = (string)Application["chat"]; 
} 
protected void Buttonl Click(object sender, EventArgs e) 
{ 证 (TextBoxl. Text != "") 
{ Application. Lock( ); 
Application["chat"] = TextBoxl.Text + "说 :" + 
TextBox2. Text + "<br>" +Application["chat"]; 
Application. UnLock( ); 
Labell. Text = (string)Application["chat"]; 
} 
else 
Response. Write("< script > alert( ' 必 须 输入 用 户 名 ')</script >"); 
} 


@ 创建 一 个 Global. asax 文件 ,其 中 包含 的 代码 如 下 : 


< 外 @ Application Language = "C#" %> 
< Script runat = "server"> 
protected void Application_Start(object sender, EventArgs e) 
{ 
Application["chat"] = null; // 聊 天 记录 置 空 
} 
protected void Application End(object sender, EventArgs e) 
{ 
Application["chat"] = null; // 聊 天 记录 置 空 
} 
</script > 


@ 单 击 工 具 栏 中 的 > Internet Explorer 按钮 执行 网 页 ,输入 用 户 名 开始 聊天 。 启 动 百度 浏览 


器 ,输入 地 址 http://localhost:64654/webform8. aspx 启动 本 网 页 ,这 样 两 个 人 就 可 以 相互 聊 
天 了 ,如 图 8.17 所 示 。 


Ixyz 谨 :是 啊 

bc 说 :今天 下 午 班 里 开会 吗 ? 
说 : 件 好 

bc 说 :大 家 好 


8.17 webform8 网 页 的 执行 界面 
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本 网 页 设计 的 说 明 如 下 : 

@ 采用 Application["chat"] 存 放 聊 天 记录 (网 页 中 当前 显示 最 近 的 聊天 记录 ) 。 

@ Global. asax 文件 中 的 Application_Start 和 Application_End 两 个 事件 过 程 用 于 在 应 
用 程序 启动 和 退出 时 执行 Application ["chat"] 二 null 等 将 聊天 记录 清空 。 

@ 本 网 页 不 能 即时 显示 另 一 个 网 友 的 聊天 信息 ,只 有 在 单 击 “ 提 交 ” 按 钮 后 才 显示 所 有 网 
友 的 即时 聊天 信息 。 可 以 使 用 AJAX 控件 进行 改进 ,这 里 不 再 介绍 。 


8.7 Session 对 象 


知识 梳理 


Session 对 象 的 属性 、 方 法 和 事件 
< Session 对 象 的 应 用 
8.7.1 Session 对 象 的 属性 .方法 和 事件 


Session 是 HttpSessionState 类 对 象 。 当 用 户 请 求 一 个 ASP .NET 网 页 时 ,系统 将 自动 创 
建 一 个 Session( 会 话 ) ,退出 应 用 程序 或 关闭 服务 器 时 该 会 话 撤 销 。 系 统 在 创建 会 话 时 将 为 其 
分 配 一 个 长 长 的 字符 串 (SessionID) 标 识 , 以 实现 对 会 话 进行 管理 和 跟踪 。 该 字符 串 中 只 包含 
URL 中 所 允许 的 ASCII 字符 。SessionID 具有 的 随机 性 和 唯一 性 保证 了 会 话 不 会 冲突 ,也 不 
会 被 怀 有 恶意 的 人 利用 新 SessionID 推算 出 现 有 会 话 的 SessionID。 

和 Application 对 象 一 样 ,Session 对 象 也 是 一 个 对 象 集合 ,但 Session 是 针对 某 个 特定 用 
户 的 ,用户 之 间 不 会 产生 共享 情况 。 

Application 对 象 和 Session 对 象 的 区 别 是 ,Application 对 象 中 保存 的 信息 是 为 所 有 来 访 
的 客户 端 浏览 器 共享 的 ,而 Session 对 象 保存 的 数据 是 仅 为 特定 的 来 访 者 使 用 的 。 例 如 ,在 北 
京 的 用 户 A 和 上 海 的 用 户 B 同时 访问 某 一 服务 器 , 若 用 户 A 修改 了 Application 对 象 中 存放 
的 信息 ,用户 B 在 刷新 网 页 后 就 可 以 看 到 修改 后 的 内 容 ; 但 若 用 户 A 修改 了 Session 对 象 中 
存放 的 数据 ,用 户 B 是 感觉 不 到 的 ,此 时 只 有 用 户 A 可 以 看 到 和 使 用 这 些 数据 ,也 就 是 说 ， 
Session 对 象 中 存放 的 是 专用 信息 。 

1. Session 对 象 的 属性 

Session 对 象 的 常用 属性 及 其 说 明 如 表 8. 15 所 示 。 


表 8.15 Session 对 象 的 常用 属性 及 其 说 明 

属 性 说 明 
Count 获取 会 话 状 态 集合 中 的 项 数 
Item[Int32] ” 按 数 字 索 引 获取 或 设置 会 话 值 
Item[ String] 按 名称 获 取 或 设置 会 话 值 
Keys 获取 存储 在 会 话 状 态 集 合 中 所 有 值 的 键 的 集合 
SessionID 用 来 标识 一 个 Session 对 象 
TimeOut 获取 并 设置 会 话 状态 提供 程序 终止 会 话 之 前 各 请 求 之 间 所 允许 的 超时 期 限 (以 分 钟 为 单位 ) 
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2. Session 对 象 的 方法 
Session 对 象 的 常用 方法 及 其 说 明 如 表 8. 16 所 示 。 下 面 介绍 几 个 主要 方法 的 用 法 。 
表 8.16 Session 对 象 的 常用 方法 及 其 说 明 


方法 说 明 
Add 将 新 的 项 添加 到 Session 集合 中 
Clear 从 Session 集合 中 清除 所 有 对 象 ,但 不 结束 会 话 
Abandon 强行 结束 用 户 会 话 , 并 清除 会 话 中 所 有 信息 
CopyTo 将 Session 集合 复制 到 一 维 数组 中 
Remove 删除 会 话 状 态 集合 中 的 项 
RemoveAll 从 会 话 状 态 集合 中 移 除 所 有 的 键 和 值 
RemoveAt 删除 会 话 状 态 集合 中 指定 索引 处 的 项 
(1) Add 方法 


Add 方法 用 于 将 新 对 象 添 加 到 Session 集合 中 。 其 语法 格式 如 下 : 
Session. hdd( 字 符 串 ,对 象 值 ) 
其 中 ,“ 字 符 串 ” 指 定 对 象 名 。 例 如 : 


string strl = "mystr"; 

int intl = 34; 

Session. Add( "varl", str1); 

Session. Add( "var2", int1); 

这 样 Session 集合 中 新 增 了 varl 和 var2 两 个 对 象 ,它们 的 值 分 别 是 “mystr”" 和 34。 也 可 
以 采用 以 下 方式 新 增 对 象 : 


Session[ "var1"] = strl; 
Session[ "var2"] = intl; 


可 以 采用 以 下 方式 读 取 Session 集合 中 的 信息 : 


int intvar; 

string strvar; 

object objl = Session[0]; 

objecto bj2 = Session[ "var2"]; 

strvar = (string)obj1; // 强 制 转换 类 型 

intvar = (int)Session[ "var2"]; // 强 制 转换 类 型 

(2) Clear 方法 

Clear 方法 用 于 清除 Session 集合 中 所 有 对 象 , 其 使 用 语法 格式 如 下 : 


Session. Clear( ); 


(3) Session 对 象 的 事件 
Session 对 象 的 常用 事件 及 其 说 明 如 表 8. 17 所 示 。 
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表 8.17 Session 对 象 的 常用 事件 及 其 说 明 


事件 说 明 
Start 建立 Session 对 象 时 发 生 
End 结束 Session 对 象 时 发 生 


8.7.2 Session 对 象 的 应 用 


【 练 一 练 】 在 本 章 的 网 站 CH8 中 添加 webform9 和 webform9-1 两 个 网 页 ,其 功能 是 说 
明 Session 对 象 的 使 用 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CHS8 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH8” 对 话 框 ,在 中 
间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform9. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 
按钮 。 

@ webform9 网 页 的 设计 界面 与 webform4 完全 相同 ,设计 事件 处 理 方法 如 下 : 

protected void Button1_Click(object sender, EventArgs e) 

{ Session["xh"] = TextBoxl.Text; 

Session["xm"] = TextBox2.Text; 
Server. Transfer("WebForm9 — 1.aspx" ); 

} 

@ 再 在 CH8 网 站 中 添加 一 个 webform9-1 的 网 页 , webform9-1 网 页 的 设计 界面 与 
webform4-1 完全 相同 ,设计 事件 处 理 方法 如 下 : 

protected void Page_Load(object sender, EventArgs e) 

{ string xh, xm; 

xh = Session["xh"].ToString(); 

xm = Session["xm"].ToString(); 

Labell. Text = "你 的 信息 : < br >"; 

Labell. Text += "gnbsp;&nbsp; 学 号 为 ”+ xh +", 姓 名 为 ”+ xm; 

} 

@ 单 击 工具 栏 中 的 ”internet Explorer 按钮 执行 webform9 网 页 ,其 执行 结果 与 webform4 完 
全 相同 。 

通过 本 例 看 到 ,Session 对 象 也 可 以 用 于 网 页 之 间 数 据 传 递 。 因 此 ,在 网 页 转向 时 数据 传 
递 的 方法 很 多 ,开发 人 员 需 要 根据 实际 情况 选择 合适 的 设计 方法 。 


8.8 ”Cookie 对 象 


知识 梳理 


Cookie 对 象 的 属性 


Cookie 对 象 的 应 用 
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8. 8. 1 Cookie 对象 的 属性 


Response 和 Request 对 象 都 有 一 个 Cookies 属性 , 它 是 存放 Cookie 对 象 的 集合 。 一 个 Cookie 
是 一 段 文本 信息 ,能 随 着 用 户 请 求 和 网 页 在 Web 服务 器 和 浏览 器 之 间 传 递 。 用 户 每 次 访问 站 点 
时 , Web 应 用 程序 都 可 以 读 取 Cookie 包含 的 信息 ,从 而 知道 用 户 上 次 登录 的 时 间 等 具体 信息 。 

Cookie 对 象 和 Application Session 对 象 一 样 ,都 是 为 了 保存 信息 。 它 们 之 间 的 区 别 是 ， 
Cookie 对 象 的 信息 保存 在 客户 端 ,而 Application 和 Session 对 象 的 信息 保存 在 服务 器 端 。 

通常 使 用 Response 对 象 的 Cookies 集合 属性 设置 Cookie 信息 ,使 用 Request 对 象 的 
Cookies 集合 属性 读 取 Cookie 信息 。Cookies 集合 属性 有 Count( 返 回 集合 中 Cookie 对 象 个 
数 ) 属 性 和 Add( 向 Cookies 集合 中 新 增 一 个 Cookie 对 象 ) .Clear( 删 除 Cookies 集合 中 所 有 对 
象 ) 及 Remove( 删 除 Cookies 集合 中 指定 名 称 的 对 象 ) 等 方法 。 

Cookie 对 象 的 常用 属性 及 其 说 明 如 表 8. 18 所 示 。 下 面 介 绍 其 中 几 个 主要 的 属性 。 


表 8.18 Cookie 对 象 的 常用 属性 及 其 说 明 


属 性 说 明 
Name 获取 或 设置 Cookie 的 名 称 
Expires 获取 或 设置 Cookie 的 过 期 日 期 和 时 间 
Domain 获取 或 设置 Cookie 关联 的 域 
Path 获取 或 设置 要 与 Cookie 一 起 传输 的 虚拟 路 径 
Secure 获取 或 设置 一 个 值 ,通过 该 值 指示 是 否 安 全 传输 Cookie 
Value 获取 或 设置 单个 Cookie 值 
Values 获取 在 单个 Cookie 对 象 中 包含 的 键 值 对 的 集合 
(1) Name 属性 


通过 Cookie 的 Name 属性 来 指定 Cookie 的 名 称 , 因 为 Cookie 是 按 名 称 保存 的 ,如 果 设 置 
了 两 个 名 称 相同 的 Cookie, 后 保存 的 那 一 个 将 覆盖 前 一 个 ,所 以 创建 多 个 Cookie 时 ,每 个 
Cookie 都 必须 具有 唯一 的 名 称 ,以便 日 后 读 取 时 识别 。 

例如 ,mycookie 是 一 个 Cookie 对 象 , 则 mycookie. Name 返回 该 Cookie 对 象 的 名 称 。 

(2) Value 属性 

Cookie 的 Value 属性 用 来 指定 Cookie 中 保存 的 值 , 因 为 Cookie 中 的 值 都 是 以 字符 串 的 
形式 保存 的 ,所 以 为 Value 指定 值 时 ,如 果 不 是 字符 串 类 型 要 进行 类 型 转换 。 

例如 ,mycookie 是 一 个 Cookie 对 象 , 则 mycookie. Value 返回 该 Cookie 对 象 的 值 。 


8.8.2 Cookie 对 象 的 应 用 


1. 创建 Cookie 对 象 
在 .NET 框架 中 ,Cookie 对 象 是 由 HttpCookie 类 来 实现 的 ,创建 一 个 Cookie 对 象 就 是 建 
立 HttpCookie 类 的 一 个 实例 。HttpCookie 类 具有 以 下 构造 卫 数 : 


public HttpCookie (string name) 

public HttpCookiel( string name, string value) 
其 中 ,name 表示 Cookie 对 象 的 名 称 ( 对 应 Name 属性 ) , value 表示 Cookie 对 象 的 值 (对 应 
Value 属性 )。 例 如 : 


HttpCookie cookiel = new HttpCookie("mycookiel"); 
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// 新 建 名 称 为 mycookiel 的 Cookie 对 象 
cookiel. Value = "mystring"; // 其 值 为 设 为 "mystring" 
Response. Cookies. Add( cookiel ); // 添 加 cookiel 对 象 
HttpCookie cookie2 = new HttpCookie("mycookie2"，"good" ) 
// 新 建 名 称 为 mycookie2 的 Cookie 对 象 ,其 值 为 "good" 
Response. Cookies. Add( cookie2); // 添 加 cookie2 对 象 


2. 设置 多 值 Cookie 

一 个 Cookie 对 象 可 以 有 多 个 值 ,通过 子 键 区 分 。 

例如 , 当 一 个 名 称 为 mycookie 的 Cookie 对 象 已 添加 到 Response 对 象 中 后 ,可 以 通过 以 
下 语句 设置 两 个 子 键 的 值 : 


Response. Cookies[ "mycookie" ]["uname" ] = "Smith"; 
Response. Cookies[ "mycookie" ][ "uage" ] = 23. ToString( ); 


或 在 创建 Cookie 对 象 同时 设置 多 个 值 : 


HttpCookie cookie = new HttpCookie("mycookie" ); 
cookie. Values[ "uname" ] = "Smith"; 

cookie. Values[ "uage" ] = 23. ToString( ); 
Response. Cookies. Add( cookie); 


3. 读 取 Cookie 对 象 

对 于 单 值 Cookie 对 象 ,直接 用 Request. Cookies[ Cookie 的 Name 属性 值 ] 来 读 取 其 
Cookie 值 。 

对 于 多 值 Cookie 对 象 ,还 需 加 上 子 键 名 称 。 例 如 ,以 下 语句 将 Name 为 mycookiel 的 
Cookie 对 象 的 两 个 子 键 值 分 别 在 两 个 文本 框 中 输出 : 


TextBoxl. Text = Request.Cookies["mycookiel"]["uname"]; 
TextBox2. Text = Request.Cookies["mycookiel"]["uage"]; 


4.Cookie 的 有 效 期 

Cookie 的 Expires 属性 为 DateTime 类 型 的 ,用 来 指定 Cookie 的 过 期 日 期 和 时 间 即 
Cookie 的 有 效 期 。 浏 览 器 在 适当 时 删除 已 经 过 期 的 Cookie。 如 果 不 给 Cookie 指定 过 期 日 期 
和 时 间 , 则 为 会 话 Cookie, 不 会 存 人 用 户 的 硬盘 ,在 浏览 器 关闭 后 就 被 删除 。 

应 根据 应 用 程序 的 需要 来 设置 Cookie 的 有 效 期 ,如 果 用 来 保存 用 户 的 首选 项 , 则 可 以 把 
其 设置 为 永远 有 效 ( 如 100 年 ) ,如 果 用 来 统计 用 户 访问 次 数 , 则 可 以 把 有 效 期 设置 为 半年 。 即 
使 设置 长 期 有 效 , 用 户 也 可 以 自行 决定 将 其 全 部 删除 。 

5. 修改 和 删除 Cookie 

修改 某 个 Cookie 实际 上 是 指 用 新 的 值 创建 新 的 Cookie, 并 把 该 Cookie 发 送 到 浏览 器 , 覆 
盖 客 户 机 上 旧 的 Cookie。 

删除 Cookie 是 修改 Cookie 的 一 种 形式 。 由 于 Cookie 位 于 用 户 的 计算 机 中 ,所 以 无 法 直 
接 将 其 删除 。 但 是 ,可 以 修改 Cookie 将 其 有 效 期 设置 为 过 去 的 某 个 日 期 ,从 而 让 浏览 器 删除 
这 个 已 过 期 的 Cookie。 

【 练 一 练 】 在 本 章 的 网 站 CH8 中 添加 一 个 webform10 网 页 ,其 功能 是 说 明 Cookie 对 象 
的 使 用 方法 。 

其 设计 步骤 如 下 : 
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Q@ 打开 CH8 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 “添加 新 项 -CH8” 对 话 框 ,在 中 间 列 
表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform10。 res 
aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ”按钮 。 ce m 
@ 本 网 页 的 设计 界面 如 图 8. 18 所 示 , 其 中 包含 。 | | Xcel | 
| 


两 个 文本 框 (TextBoxl 和 TextBox2) 和 两 个 命令 按 | 读 取 Cookie 
钮 (Buttonl 和 Button2) 。 在 该 网 页 上 设计 如 下 事件 
过 程 : 图 8.18 webform10 网 页 的 设计 界面 


protected void Button1_Click(object sender, EventArgs e) 
{ ，// 写 人 Cookie 事 件 过 程 
HttpCookie mycookie = new HttpCookie("cookie"); 
mycookie. Value = TextBoxl.Text; 
mycookie. Expires = DateTime.Now.AddMinutes(1); // 保 存 1 分 钟 
Response. Cookies. Add(mycookie); 
lL 
protected void Button2_Click(object sender, EventArgs e) 
{ ”// 读 取 Cookie 事件 过 程 
if (Request. Cookies["cookie"] != null) 
TextBox2. Text = Request.Cookies["cookie"].Value; 
else 
Response. Write("< script > alert( 'Cookie 已 过 期 ')</script >"); 
} 


@ 单 击 工 具 栏 中 的 Internet Explorer 按钮 执行 本 网 页 ,运行 本 网 页 ,在 TextBoxl 文本 框 中 
输入 一 个 字符 串 , 单 击 “ 写 人 Cookie” 按 钮 ,然后 立即 单 击 “ 读 取 Cookie” 按 钮 , 则 在 TextBox2 


文本 框 输出 Cookie 的 值 ,如 图 8. 19 所 示 。 如 果 过 了 1 分 钟 ,再 单 击 “ 读 取 Cookie” 命 令 按 钮 ， 
由 于 Cookie 已 过 期 ,弹出 如 图 8. 20 所 示 的 警告 框 。 


Le 加 | »% | 


滞 [ 攻 mpwachostauisP- x] 全 窑 


| © localhost x 


< 多 htpyNocalhost5465. P= © 人 政大] 


看 localhost x ms 
China 写 入 cookie 
China 读 取 Cookie 
图 8.19 webform10 网 页 的 执行 界面 一 图 8.20 webform10 网 页 的 执行 界面 二 
8.9 ViewState 对 象 
知识 梳理 


ViewState 对 象 概述 


ViewState 对 象 的 应 用 


第 8 章 ASP .NET 内置 对 象 267 


8.9.1 ViewState 对 象 概述 


访问 网 站 遵循 HTTP 协议 , 即 浏览 器 和 服务 器 之 间 通 信 都 遵守 HTTP 协议 ,而 HTTP 
是 无 状态 的 。 其 无 状态 的 根本 原因 是 ,浏览 器 和 服务 器 使 用 Socket 通信 ,服务 器 将 请 求 结 果 
返回 给 浏览 器 后 ,会 关闭 当前 Socket 连接 ,而 且 服 务 器 会 在 处 理 页 面 完 毕 后 销毁 页 面 对 象 。 
这 样 对 网 站 造成 的 影响 是 ,如 果 用 户 输入 了 一 些 信息 , 当 跳 转 到 下 一 个 页 面 时 ,数据 丢失 ， 
再 也 不 能 获得 那些 数据 。 如 果 要 知道 上 一 次 的 状态 信息 ,就 得 把 这 个 状态 信息 记录 在 某 个 地 
方 ,包括 服务 器 端 Session 对 象 .浏览 器 端 Cookie 对 象 或 表单 中 的 隐藏 域 等 。 
ASP .NET 中 的 状态 (信息 ) 保 存 方案 如 图 8. 21 所 示 。 其 中 ,4 个 重要 的 对 象 如 下 : 
。 ViewState( 视 图 状态 ) 对 象 : 它 是 ASP .NET 的 aspx 网 页 特有 、 属 于 网 页 级 的 ,就 是 在 
页 面 上 的 一 个 隐藏 域 中 保存 客户 端 单独 使 用 的 数据 的 一 种 方式 ,服务 器 端 控件 的 值 都 
自动 保存 在 ViewState 中 。 
。 Cookie 对 象 : HTTP 协议 下 的 一 种 方式 ,通过 该 方式 服务 器 或 脚本 能 够 在 客户 机 上 维 
护 状态 信息 ,就 是 在 客户 端 保存 客户 端 单独 使 用 的 数据 的 一 种 方式 。 
。 Session 对 象 : 在 服务 器 端 保存 客户 端 单独 使 用 的 数据 的 一 种 方式 。 就 像 银 行 账户 , 钱 
都 存在 银行 里 ,就 拿 一 张 银 行 卡 * 所 谓 的 SessionId” 回 家 ( 写 人 客户 端的 Cookie 中 ) 。 
。 Application 对 象 : 在 服务 器 端 保存 共享 数据 的 一 种 方式 。 


ASP.NET 中 的 状态 (信息 ) 保 存 方案 


隐藏 域 | Application 对 象 ] 
上 六 Cookie 对 象 = 缓存 
控件 状态 数据 库 
QueryString 对 象 


8.21 ASP .NET 中 的 状态 (信息 ) 保 存 方案 


ViewState 对 象 不 能 存储 所 有 的 数据 类 型 , 仅 支持 String、 Integer、 Boolean、Array、 
ArrayList 和 Hashtable。 使 用 ViewState 对 象 的 前 提 是 ,网 页 上 必须 有 一 个 服务 器 端 表单 标 
记 ( 过 form runat 二 "server" 记 )。 服 务 器 在 接收 到 用 户 请 求 一 个 网 页 后 ,会 自动 在 请 求 报 文中 
查找 ,看 是 否 包含 _VIEWSTATE 的 隐藏 域 ,如 果 有 , 则 将 中 间 的 值 解码 后 添加 到 页 面 的 
ViewState 属性 中 。 服 务 器 在 输出 时 ,也 会 自动 地 将 ViewState 中 的 值 添加 到 表单 里 名 叫 
_VIEWSTATE 的 隐藏 域 中 。 

ViewState 对 象 适用 于 同一 个 网 页 在 不 关闭 的 情况 下 多 次 与 服务 器 交互 , 跨 页 面 提交 的 
_VIEWSTATE 不 会 被 目标 网 页 加 载 到 网 页 的 ViewState 对 象 中 。 

ViewState 对 象 的 常用 属性 及 其 说 明 如 表 8. 19 所 示 。ViewState 对 象 的 常用 方法 及 其 说 
明 如 表 8. 20 所 示 。 
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表 8.19 ViewState 对 象 的 常用 属性 及 其 说 明 


属性 说 明 

Count 获取 视图 状态 对 象 中 的 状态 项 个 数 

Item 获取 或 设置 在 视图 状态 对 象 中 存储 项 的 值 
Keys 获取 表示 视图 状态 对 象 中 项 的 键 集合 

Values 获取 存储 在 视图 状态 对 象 中 视图 状态 值 的 集合 


表 8.20 ViewState 对 象 的 常用 方法 及 其 说 明 
方法 说 明 
Add 将 新 的 状态 项 对 象 添加 到 StateBag 对 象 。 如 果 该 项 已 经 存 于 视图 状态 对 象 中 , 则 此 方法 会 
更 新 该 项 的 值 
Clear 从 当前 视图 状态 对 象 中 移 除 所 有 项 
Remove 将 指定 的 密 钥 / 值 对 从 视图 状态 对 象 中 移 除 


例如 : 
ArrayList myarr = new ArrayList(4); // 定 义 名 为 myarr 的 ArrayList 对 象 
myarr. Add("item 1"); // 向 myarr 中 添加 4 个 元 素 


myarr. Add("item 2"); 

myarr. Add("item 3"); 

myarr. Add("item 4"); 

ViewState. Add( "mystate", myarr); // 将 myarr 存储 到 名 为 mystate 的 视图 项 中 

ArrayList parr; // 声 明 parr 

parr = (ArrayList)ViewState[ "mystate"]; // 读 取 名 为 mystate 的 视图 项 到 parr 中 

说 明 : 视图 状态 信息 是 使 用 Base64 编码 存储 的 ,并 在 呈现 期 间 包 括 在 网 页 中 ,这 会 增加 
网 页 大 小 。 回 发 网 页 时 ,视图 状态 的 内 容 作 为 网 页 回 发 信息 的 一 部 分 发 送 。 由 于 这 会 大 大 增 
加 网 络 通信 量 和 降低 连接 速度 ,因此 建议 不 要 在 视图 状态 中 存储 大 量 信息 。 


8.9.2 ViewState 对 象 的 应 用 


ViewState 对 象 的 应 用 与 Application .Session 十 分 相似 ,只 是 将 相关 的 键 名 和 值 存储 在 
隐藏 字段 _VIEWSTATE 中 。 

【 练 一 练 】 在 本 章 的 网 站 CH8 中 添加 一 个 webformll 网 页 ,其 功能 是 说 明 ViewState 
对 象 的 使 用 方法 。 

其 设计 步骤 如 下 : 

@ 打开 CH8 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH8” 对 话 框 ,在 中 
间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform11. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 
按钮 。 

@ 本 网 页 的 设计 界面 如 图 8. 22 所 示 , 其 中 包含 两 个 HTML 文字 、 两 个 文本 框 (TextBoxl 和 
TextBox2、 两 个 命令 按钮 (Buttonl 和 Button2) 和 一 个 标签 Labell 。 在 该 网 页 上 设计 如 下 事 
件 过 程 ， 


protected void Button1_Click(object sender, EventArgs e) 
{ if (TextBox1. Text != "" && TextBox2.Text != "") 
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{ ViewState["xh"] = TextBoxl.Text; 
ViewState["xm"] = TextBox2.Text; 
Labell. Text = "你 的 信息 已 保存 到 ViewState"; 


else 


Labell. Text = "你 的 信息 不 完整 ,不 能 保存 "; 
} 


protected void Button2 Click(object sender, EventArgs e) 
if (ViewState["xh"]!= null) 
{ ”Labell.Text = " 读 取 ViewState 的 信息 如 下 : < br>"; 
Labell. Text += "gnbsp;&nbsp; 学 号 为 "+ ViewState["xh"] + 
" ,姓名 为 ”+ ViewState["xm"]; 
} 


else 
Labell. Text =" 你 的 信息 没有 保存 ,不 能 读 出 "; 
} 
@ 单 击 工 具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ,如 果 直 接 单 击 “ 读 取 ViewState” 按 
钮 ,其 执行 界面 如 图 8. 23 所 示 。 如 果 输 入 学 号 为 101, 姓 名 为 “ 王 华 ”, 单 击 “ 保 存 到 ViewState” 


按钮 ,其 执行 界面 如 图 8. 24 所 示 。 接 着 单 击 “ 读 取 ViewState” 按 钮 ,其 执行 界面 如 图 8. 25 
所 示 。 


OB 
PEE i = 总 localhost x 


学 号 : 


姓名 : 


保存 到 ViewState | | 读 取 ViewState 


[Label1] 


4 


图 8.22 ”webformll 网 页 的 设计 界面 


外 htpylocalhost64554 户 - 避 
x 


[保存 到 viewstate | 


你 的 信息 已 保存 到 ViewState 读 取 ViewState 的 信息 如 下 : 


学 号 为 101, 姓 名 为 王 华 


图 8.24 webform1l1 网 页 的 执行 界面 二 8.25 webformll 网 页 的 执行 界面 三 


从 执行 结果 可 以 看 到 ViewState 对 象 的 作用 。 
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8.10 练 习 题 


1. 单项 选择 题 
(1) 在 ASP .NET 的 内 建 对 象 中 ,必须 要 有 Lock 和 Unlock 方法 以 确保 多 个 用 户 无 法 同 
时 改变 某 一 变量 的 对 象 是 ( Wa 
A. Cache B. Session C. Request D. Application 
(2) 以 下 叙述 中 正确 的 是 ( )s 
A. 当 用 户 从 一 个 网 页 转 到 另 一 个 网 页 时 ,保存 在 Session 中 的 信息 会 丢失 
B. Session 对 象 的 有 效 期 默认 为 40 分 钟 
C，Session 对 象 的 有 效 期 不 能 更 改 
D. Session 对 象 到 期 前 可 以 用 Abandon 方法 强行 清除 
(3) Request. Form 读 取 的 数据 是 ( 
A. 以 Post 方式 发 送 的 数据 B. 以 Get 方式 发 送 的 数据 
C. 超 链 接 后 面 的 数据 D. 以 上 都 不 对 
(4) Response 对 象 的 一 个 功能 是 实现 从 当前 网 页 跳 转 到 指定 网 页 ,其 主要 靠 ( ) 方 法 


A. Redirect() B. MapPath() C. End() D. Flush() 
(5) Application 对 象 的 默认 有 效 期 是 (。”)。 

A. 10 分 钟 B. 20 分 钟 

C. 30 分 钟 D. 从 网 站 启动 到 终止 
(6) 以 下 不 属于 Request 对 象 集合 成 员 的 是 ( ss 

A. Cookies B. Form C. QueryString D. Server 


(7) Server 对 象 的 Excute 方法 和 Transfer 方法 的 区 别 是 ( Xs 
A. 前 者 执行 完 调用 网 页 ,继续 执行 当前 页 面 ,后 者 不 是 
B. 前 者 执行 完 调 用 网 页 ,不 再 继续 执行 当前 页 面 , 后 者 不 是 
C. 前 者 转移 到 调用 的 网 页 ,执行 新 的 页 面 , 后 者 不 是 
D. 前 者 转移 到 调用 的 网 页 ,不 再 执行 当前 的 页 面 , 后 者 不 是 
(8) 在 执行 A 网 页 时 , 若 要 调用 B 网 页 ,B 网 页 执行 完 后 ,继续 执行 A 网 页 , 则 通过 
Server 的 ( ) 方 法 来 实现 。 


A. Transfer B. Redirect C. Execute D. href 
(9) 在 建立 Application 对 象 的 时 候 会 产生 ( 。 “) 事 件 。 

A. Application_ OnStart B. Application_OnEnd 

C. Application_OnCreate D. Application_OnNew 


(10) 以 下 是 使 用 Application 对 象 时 防止 竞争 的 代码 ,空白 处 应 为 ( Ws 


Application. lock( ); 
Application["counter"] = (int)Application["counter"] +1; 
Application. 
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A. lock() B. lock C. unlock() D. unlock 
(11) 如 果 要 在 网 页 上 添加 一 个 计算 器 来 统计 访问 人 数 的 话 ,可 以 选用 ( ) 对 象 对 计数 


变量 Count 的 加 法 操作 来 实现 。 


是 ( 


A. Session B. Application C. Server D. Page 
(12) 执行 完 如 下 语句 后 ,页 面 上 显示 的 内 容 为 ( )。 
Response. Write( "A"); 


Response. End( ); 
Response. Write( "B"); 


A. A B. AB C. AC D. ABC 
(13) 请 问 下 面 程 序 段 执行 完毕 ,页 面 上 显示 内 容 是 ( )》。 
Response. Write("< a href = 'http://www. whu. edu. cn> 武 汉 大 学 </a>"); 

A. 武汉 大 学 

B. 一 a href='http://www. whu. edu. cn'> 

C. 武汉 大 学 ( 超 链接 ) 

D. 该 句 有 错 ,无 法 正常 输出 
(14) ( ) 不 是 ASP .NET 网 页 之 间 传 递 参 数 的 方式 。 


A. 使 用 QueryString B. 使 用 Session 变量 
C. 使 用 Server. Transfer D. 使 用 ViewState 
(15) 如 果 Session[ "a"]= 二 1,Session["b"]= 二 2, 则 Session["a"] 十 Session["b"] 的 值 
ss 
A. 12 Bs» C. ab D. 以 上 都 不 对 


(16) 若 设置 Session 的 代码 是 Session[ "greeting"] 二 "hello wang!1", 则 取出 该 Session 对 


象 的 语句 是 string mystr 一 ( : 


A. Session[ "greeting"] B. Session[ "greeting"]. ToString() 
C. greeting D. "greeting" 
(17) 网 页 的 有 效 期 应 该 使 用 ( ) 对 象 进行 设置 。 
A. Session B. Application C. Response D. Request 
(18) 强行 结束 Session ,并 清除 会 话 中 所 有 信息 使 用 的 方法 是 ( ” )。 
A. Clear B. Abandon C. Remove D. 以 上 都 不 对 
(19) Global. asax 文件 中 Session_Start 事件 在 ( ) 时 激发 。 
A. 在 每 个 请 求 开始 时 引发 B. 尝试 对 使 用 进行 身份 验证 时 引发 
C. 启动 会 话 时 引发 D. 在 应 用 程序 启动 时 引发 
(20) Session 与 Cookie 状态 之 间 最 大 的 区 别 在 于 ( )。 
A. 存储 的 位 置 不 同 B. 类 型 不 同 
C. 生命 周期 不 同 D. 容量 不 同 


(21) 以 下 叙述 中 错误 的 是 ( 
A. 当 在 网 页 上 显示 HTML 标记 时 要 通过 Server 对 象 的 HtmlEncode 方法 编码 再 
输出 
B. Application 对 象 是 一 个 公有 变量 ,允许 多 个 用 户 对 它 访问 
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C. Session 变量 值 可 以 在 使 用 时 随时 读 取 
D. 使 用 Server 对 象 的 MapPath 方法 可 以 将 指定 的 虚拟 路 径 映 射 到 服务 器 上 相应 
的 物理 目录 上 
(22) 以 下 叙述 中 正确 的 是 ( ”)。 
A. Server 对 象 提供 了 对 客户 机 的 访问 技术 
B.Cookies 功能 是 获取 客户 端 浏 览 器 的 信息 
C. Session. Timeout 一 60 的 语句 的 含义 是 Session 会 话 有 效 期 是 60s 
D. 以 上 都 不 对 
2. 问答 题 
(1) ASP .NET 中 有 哪些 内 置 对 象 ? 
(2) 简 述 Page. IsPostBack 属性 和 Page. IsValid 属性 的 区 别 。 
(3) 简 述 Cookie 对 象 和 Session 对 象 的 区 别 。 
(4) 简 述 使 用 Application 加 锁 与 解锁 。 
(5) 列举 常用 的 ASP .NET 网 页 之 间 传递 值 的 几 种 方式 。 
(6) Application、Session、ViewState 和 Cookie 对 象 都 用 于 存储 数据 ,哪些 将 数据 存储 在 
客户 端 ? 哪些 将 数据 存储 在 服务 器 端 ? 
(7) 简 述 ViewState 的 优 缺 点 。 
(8) 一 个 网 页 中 有 一 个 命令 按钮 Buttonl 和 若干 文本 框 , 单 击 Buttonl 时 将 其 中 所 有 文本 
框 清空 ,编写 该 事件 处 理 方法 。 


8.11 上 机 实验 题 


在 CH8 网 站 中 添加 一 个 Exp 网 页 ,在 该 网 页 中 统计 访问 的 人 数 。 其 执行 界面 如 图 8. 26 
所 示 。 


OO 


@ localhost x 


欢迎 访问 本 网 页 ,你 是 第 1 位 访客 


图 8.26 上 机 实验 题 网 页 的 执行 界面 
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这 些小 人 为 什么 都 
相似 ? 原来 采用 了 
相同 的 模板 ! 


9.1 设计 和 应 用 主题 


知识 梳理 
主题 概述 
创建 主题 
设计 和 应 用 主题 
应 用 主题 
禁用 主题 
9.1.1 主题 概述 


主题 (theme) 是 指 网 页 和 控件 外 观 属性 设置 的 集合 ,其 工作 原理 类 似 于 CSS, 为 网 站 提供 
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统一 的 风格 。 在 CSS 中 ,可 以 定义 一 个 Link 的 样式 ,将 这 个 样式 存放 在 一 个 CSS 样式 文件 
中 ,然后 在 网 站 各 网 页 中 包含 对 这 个 文件 的 引用 ,结果 网 站 中 所 有 的 Link 样式 便 统一 成 这 个 
文件 中 定义 的 那样 了 。 

主题 提供 了 一 种 简易 方式 ,可 以 独立 于 应 用 程序 的 网 页 ,为 网 站 的 控件 和 网 页 设置 样式 ， 
因此 便于 Web 应 用 程序 对 其 进行 维护 。 一 个 网 站 可 以 有 多 个 主题 ,这 样 在 设计 网 站 时 可 以 先 
不 考虑 样式 ,在 以 后 要 进行 样式 设计 时 ,也 无 须 更 新 网 页 或 更 改 代码 。 另 外 ,可 以 从 外 部 获得 
自 定义 主题 ,如 将 另 一 个 网 站 的 主题 复制 到 本 网 站 中 ,因此 主题 可 以 方便 地 重用 。 

从 实现 上 看 ,主题 是 存在 于 App_Themes 目录 中 的 子 目 录 , 每 个 子 目 录 就 是 一 个 主题 ,其 
中 可 以 包 外 观 文件 (. skin) 和 CSS 文件 (样式 表 文 件 )。 在 设计 网 页 时 不 必 在 网 页 中 显 式 引 用 
主题 ,只 需 把 它们 放 到 App_Thems 文件 夹 中 ,应 用 程序 会 自动 加 载 相关 的 主题 。 

外 观 文件 也 称 为 皮肤 文件 ,是 主题 的 核心 内 容 ,用 于 定义 网 页 中 各 种 服务 器 控件 (如 
Button .TextBox 或 Lable 控件 等 ) 的 外 观 属性 。 由 一 组 控件 的 特定 主题 标记 组 成 ,其 扩展 名 
为 skin 文件 。 例 如 ,如 下 代码 设置 Button 控件 的 外 观 : 


<asp:Button runat = "server" BackColor = "black" ForeColor = "Red" /> 


同一 类 型 控件 的 外 观 分 为 默认 外 观 和 命名 外 观 两 种 : 

@ 默认 外 观 : 不 设置 控件 的 SkinID 属性 ,自动 应 用 于 同一 类 型 的 所 有 控件 。 在 同一 主题 
中 只 能 有 同一 类 型 控件 的 一 个 默认 外 观 ,哪怕 同一 主题 下 有 多 个 外 观 文件 ,但 同一 类 型 控件 的 
默认 外 观 也 只 能 有 一 个 。 

@ 命名 外 观 : 通过 设置 控件 的 SkinID 属性 ,将 命名 外 观 应 用 于 服务 器 控件 ,解决 同一 控 
件 有 多 种 属性 设置 的 问题 。 例 如 ,前 面 的 代码 指定 命令 按钮 的 默认 外 观 , 应 用 于 网 页 中 所 有 命 
令 按钮 。 而 以 下 代码 属 命名 外 观 : 

<asp:Button SkinID = "buttonskinl" runat = "server" BackColor = "gray" /> 

<asp:Button SkinID = "buttonskin2" runat = "server" BackColor = "white" /> 

这 样 为 命令 按钮 设置 了 两 种 外 观 ,在 应 用 时 需 指定 命令 按钮 控件 的 SkinID 属性 是 
buttonskinl 或 buttonskin2, 这 就 是 为 什么 几乎 所 有 控件 都 有 SkinID 属性 的 原因 。 


9.1.2 创建 主题 


1. 创建 主题 的 过 程 

【 练 一 练 】 以 “D:\ 电 子 商 务 \CH9” 目 录 创 建文 件 系 统 空 网 站 CH9, 添 加 一 个 主题 
Themel 及 其 SkinFile. skin 外 观 文件 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH9 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH9(1)” 对 话 框 ,在 中 
间 列 表 中 选择 “外 观 文件 ”, 保 持 默 认 将 文件 名 SkinFile. skin, 如 图 9. 1 所 示 , 单 击 “ 添 加 ”按钮 。 

@ 系统 会 自动 创建 一 个 位 于 网 站 根 目录 下 的 App_Themes 文件 夹 , 并 在 该 文件 夹 中 创建 
一 个 待命 名 的 主题 (默认 名 称 为 SkinFile) 及 外 观 文件 SkinFile. skin。 

@ 右 击 默认 的 主题 名 称 SkinFile, 在 出 现 的 快捷 菜单 中 选择 “ 重 命名 ”命令 ,将 主题 名 称 
改 为 Themel 。 

@ 双击 外 观 文件 SkinFile. skin ,打开 它 就 可 以 编辑 控件 外 观 。 例 如 ,创建 控件 外 观 如 下 : 
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<asp:Label runat = "server" Font — Bold= "True" Font - Names = "仿宋 " 
Font - Size = "Medium" ForeColor = "Fuchsia" /> 

<asp:Button runat = "server" Font — Bold= "True" Font - Names = "黑体 " 
Font - Size = "Medium" ForeColor = "Red" /> 

<asp:TextBox runat = "server" Font - Names = "宋体 "Font - Size = "Medium" 
ForeColor = "Black" BackColor = "White" /> 


接 索 已 安装 模板 (Ctrl+ 晶 


@E ERT Nw ES ~ Visual cs 
用 于 定义 ASPINET 主要 9 文件 


EE BA7 siveright 的 WCF.. 


nn 
Bl 
目 
mn 


SkinFile.skin 口 将 代码 放 在 单独 的 文件 中 (P) 
口 迁 择 母 版 页 (QO 


[ann |]| ms | 


图 9.1 “添加 新 项 ”对 话 框 


@ 单 击 国 按 钮 保存 。 

如 果 要 建立 其 他 的 主题 ,在 “解决 方案 资源 管理 器 "中 右 击 App_Themes, 在 弹出 的 快捷 菜 
单 中 选择 * 添 加 | 外 观 文件 ”命令 ,指定 项 名 称 , 单 击 * 确 定 * 按 钮 即 建立 另 一 个 主题 。 

一 个 主题 中 可 以 有 多 个 外 观 文件 。 在 一 个 主 EE 
题 中 创建 另 一 个 外 观 文件 的 方法 是 , 右 击 主题 名 oo06 ee ez 
Themel ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 * 命 扫 角 方案 光 源 和 理 吕 (Ch 
令 , 打 开 * 添 加 新 项 "对 话 框 。 选 择 * 外 观 文件 " 模 pe 
板 ,指定 外 观 文件 名 SkinFilel. skin。 单 击 "添加 ” Eee 
按钮 为 Themel 主题 添加 了 另 一 个 外 观 文件 PE 
SkinFilel. skin, 如 图 9. 2 所 示 。 

注意 : 尽管 一 个 主题 中 可 以 包含 多 个 外 观 文 
件 , 但 系统 是 按 主题 应 用 的 ,会 把 多 个 皮肤 文件 合 
并 在 一 起 ,把 这 些 文件 视 为 一 个 文件 。 

2. 外 观 设计 方法 


9.2 在 Themel 主题 下 创建 另 一 个 外 观 文件 


控件 外 观 设计 的 常见 方法 是 , 先 在 网 页 中 放置 该 类 控件 如 Lablel ,然后 可 视 化 设计 其 外 


观 , 如 对 应 的 源 视图 代码 如 下 : 


<asp:Label ID= "Labell" runat = "server" Text = "Label" style= "color: #FFOOFF; 
font - size: medium; font — weight: 700; font - family: 仿宋 " /> 


再 删除 其 中 个 性 化 的 特定 属性 ,如 ID、Text 属性 等 ,得 到 如 下 外 观 : 
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<asp:Label runat = "server" style= "color: #FFOOFF; font— size: medium; 
font - weight: 700; font - family: 仿宋 " /> 


最 后 将 上 述 代码 放置 在 指定 主题 的 外 观 文件 中 。 

3. 外 观 文件 的 组 织 方式 

通常 外 观 文件 的 组 织 方式 有 以 下 4 种。 

。 无 组 织 : 将 一 个 网 站 中 所 有 控件 属性 设置 放 在 一 个 外 观 文 件 中 ,对 于 初学 者 或 小 型 网 
站 可 以 采用 这 种 方式 。 

。 根据 控件 类 型 组 织 : 将 同一 类 型 控件 的 所 有 属性 设置 放 在 一 个 外 观 文件 中 ,每 种 类 型 
的 控件 对 应 一 个 外 观 文件 ,如 所 有 文本 框 控件 的 外 观 放 在 一 个 外 观 文件 中 。 

。 根据 外 观 SkinID 属性 组 织 : 将 具有 相同 SkinID 属性 的 外 观 放 在 一 个 外 观 文件 中 ,每 
个 SkinID 属性 值 对 应 一 个 外 观 文件 。 

。 根据 网 页 组 织 : 将 网 站 中 每 个 网 页 的 属性 设置 放 在 一 个 外 观 文 件 中 ,每 个 网 页 对 应 一 
个 外 观 文件 。 这 种 方式 很 少 使 用 。 


9.1.3 应 用 主题 


1. 指定 网 页 的 主题 

常见 的 指定 主题 的 方式 有 以 下 几 种 。 

(1) 在 网 页 的 页 指令 中 指定 主题 

将 网 页 Theme 属性 设置 为 指定 的 主题 。 其 操作 是 在 “属性 ”窗口 中 指定 DOCUMENT 的 
Theme 属性 为 指定 的 主题 。 这 样 网 页 的 页 指令 自动 变 为 : 

<% @ Page Theme = "Blue" … %> 


也 可 以 直接 在 页 指令 中 添加 上 述 粗 体 属性 。 

这 种 方式 指定 主题 的 作用 在 设计 时 不 会 显现 ,只 有 在 网 页 运行 时 外 观 文件 的 作用 来 显现 
出 来 。 

(2) 在 代码 中 指定 主题 

可 以 在 代码 中 为 本 网 页 指定 主题 ,但 需要 放 在 Page_PreInit 事件 处 理 方法 中 才 会 生效 ,其 
一 般 格 式 如 下 : 

protected void Page PreInit() 

{ 

Page. Theme = "主题 名 "; 

} 

(3) 在 web. config 文件 中 指定 主题 

与 前 两 种 方法 相 比 , 这 是 一 种 一 劳 永 逸 的 方法 ,只 需 在 web. config 文件 中 二 pages 二 节 中 
定义 theme 属性 , 便 可 应 用 于 整个 网 站 。 例 如 : 


<configuration> 
< systenm. web > 
<pages theme = "主题 名 "></pages> 
</system. web> 
</configuration> 


第 9 章 主题 . 母 版 页 和 导航 设计 27% 


(4) 设置 网 页 的 StyleSheetTheme 属性 指定 样式 表 主 题 

将 网 页 StyleSheetTheme 属性 设置 为 指定 的 主题 ,这 样 指定 的 主题 称 为 样式 表 主题 。 其 
操作 是 在 “属性 ”窗口 中 指定 DOCUMENT 的 StyleSheetTheme 属性 为 指定 的 主题 。 这 样 网 
页 的 页 指令 自动 变 为 : 


<% @ Page Language = "C#" StyleSheetTheme = "Blue”… $%> 


也 可 以 直接 在 页 指令 中 添加 上 述 粗 体 属 性 。 
样式 表 主 题 和 Theme 属性 指定 的 主题 的 区 别 是 ,后 者 只 有 在 运行 时 外 观 才 呈现 ,而 前 者 
在 设计 时 外 观 便 立 即 呈 现 。 
上 述 方式 都 是 为 整个 网 页 指定 主题 ,网 页 中 的 控件 会 使 用 主题 中 该 类 型 控件 的 默认 外 观 ， 
如 果 主 题 的 控件 外 观 带 有 SkinID 属性 , 则 还 需要 为 特定 的 控件 指定 SkinID 属性 值 。 例 如 ,在 
图 9. 2 的 Themel 主题 SkinFilel. skin 皮肤 文件 中 输入 如 下 外 观 : 
<asp:Button SkinID = "buttonskin1" runat = "server" BackColor = "Black" Font ~ Bold= "True" 
ForeColor = "White" Font - Names = "隶书 " Font - Size = "Medium" /> 
<asp:Button SkinID = "buttonskin2" runat = "server" BackColor = "White" Font ~ Bold= "True"” 
ForeColor = "Red" Font - Names = "华文 新 魏 " Font - Size = "Large" /> 
在 一 个 网 页 上 放置 一 个 Buttonl 命令 按钮 ,设置 其 外 观 的 3 种 情况 如 图 9. 3 所 示 。 主 题 
Themel 包含 两 个 皮肤 文件 ,情况 四 使 用 的 是 SkinFile. skin 中 Button 的 默认 外 观 ,情况 加 使 
用 的 是 SkinFilel. skin 中 命名 外 观 buttonlskin1 ,情况 @@ 使 用 的 是 SkinFilel. skin 中 命名 外 观 


buttonlskin2 。 


一 [到 定 
D 网页 styleSheetTheme 设置 为 Themel 

5 
加 相 
中 加 
昌 
0 3 的 

的 [国定 ~ 区 3 
BE DE Fe i i ron Ea 的 
让 只 
机 


= 确定 
名 在 D 上 ， 再 将 Button1 的 SkinID 设置 为 button1skin2 


图 9.3 将 外 观 应 用 于 控件 


2. 控件 属性 的 应 用 顺序 

如 果 对 网 页 既 设 置 Theme 属性 又 设置 StyleSheetTheme 属性 , 则 按 以 下 顺序 应 用 控件 的 
属性 : 

@ 首先 应 用 StyleSheetTheme 属性 。 

@ 然后 应 用 网 页 中 的 控件 属性 ( 重 写 StyleSheetTheme) 。 

@ 最 后 应 用 Theme 属性 ( 重 写 控件 属性 和 StyleSheetTheme) 。 

【 练 一 练 】 在 CH9 网 站 中 添加 一 个 webforml 网 页 ,其 功能 是 说 明 控 件 属性 的 应 用 
顺序 。 

其 设计 步骤 如 下 : 
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@ 打开 CH9 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH9” 对 话 框 ,在 中 间 列 
表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webforml. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ”按钮 。 

@ 本 网 页 的 设计 界面 如 图 9.4 所 示 , 其 中 两 个 HTML 文字 标记 、 两 个 文本 框 (TextBoxl 
和 TextBox2) ,一 个 命令 按钮 Buttonl 和 一 个 标签 Labell 。 将 其 StyleSheetTheme 属性 设 为 
Themel ,此 时 设计 界面 变 为 图 9. 5 所 示 的 样子 ,从 而 看 到 主题 Themel 立即 产生 了 作用 。 


| [Label1] [Labell] 
本 | 和 SS 
4 


» 4 


图 9.4 webforml 网 页 的 初始 设计 界面 图 9.5 设置 webforml 网 页 的 初始 设计 界面 


@ 在 该 网 页 上 设计 如 下 事件 过 程 : 


protected void Button1_Click(object sender, EventArgs e) 
{ ”Labell.Text = "输入 信息 如 下 : <br>"; 


Labell. Text += "gnbsp; 学 号 为 ”+ TextBoxl.Text + "姓名 为 ”+ TextBox2. Text; 
} 


@ 在 CH9 网 站 中 添加 一 个 Theme2 主题 ,其 中 包含 一 个 外 观 文件 SkinFile. skin, 输 入 外 
观 代码 如 下 : 


<asp:Label runat = "server" Font - Bold = "True" Font - Names = "仿宋 " 
Font - Size = "Medium" ForeColor = "Fuchsia" /> 

<asp:Button runat = "server" Font ~ Bold = "True" Font - Names = "黑体 " 
Font - Size = "Medium" ForeColor = "Red" /> 

< asp:TextBox runat = "server" Font - Names = "宋体 " 


Font - Size = "Medium" 图 | 个 htpi//iocalhost5699: DP- © | 从 
ForeColor = "Black" BackColor = "ButtonFace" @ localhost 四 


BorderStyle = "Inset”BorderWidth = "5px"/> 学 号 : | wm 


其 中 ,包含 有 Label、Button 和 TextBox 控件 的 默认 是 名 : [Ea 
外 观 。 

@@ 将 本 网 页 的 Theme 属性 设 为 Blue, 此 时 设计 界 | 国旗 
面 没有 变化 。 Wg | 
@ 单 击 工具 栏 中 的 InemetBplerer 按钮 执行 本 网 | 
页 ,输入 学 号 和 姓名 , 单 击 “确定 ”按钮 ,其 结果 如 图 9. 6 
所 示 。 从 中 看 到 Theme2 主题 中 的 外 观 。 


9.1.4 禁用 主题 


图 9.6 webforml 网 页 的 执行 界面 


1. 单个 网 页 禁用 主题 
在 网 页 的 页 指令 中 通过 设置 EnableTheming 属性 为 false 来 使 本 网 页 禁用 主题 ,其 一 般 
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格式 如 下 : 


<% @ Page EnableTheming = "主题 名 "… %> 


2. 单个 网 页 中 单个 控件 禁用 主题 
如 果 要 使 网 页 某 个 控件 禁用 主题 ,只 需 把 这 个 控件 的 EnableTheming 属性 设置 为 false 
即 可 。 例 如 ,以 下 代码 使 得 Buttonl 控件 禁用 主题 : 


< asp:Button ID = "Button1"” runat = "server" EnableThemeing = "false" /> 


9.2 设计 和 应 用 母 版 页 


知识 梳理 


母 版 页 和 内 容 页 概述 


CC 设计 和 应 用 及 版 页 创建 母 版 页 


创建 内 容 页 


9.2.1 母 版 页 和 内 容 页 概述 


在 设计 网 页 时 经 常会 遇 到 多 个 网 页 部 分 内 容 相同 的 情况 ,如 果 每 个 网 页 都 设计 一 次 显 
然 是 重复 劳动 且 非 常 繁琐 ,为 此 ASP .NET 提供 了 母 版 页 来 解决 这 个 问题 。 母 版 页 提供 了 
统一 管理 和 定义 网 页 的 功能 ,使 多 个 网 页 具有 相同 的 布局 风格 ,给 网 页 设计 和 修改 带 来 很 
大 方便 。 

1. 和 母 版 页 

母 版 页 是 指 其 他 网 页 可 以 将 其 作为 模板 来 引用 的 特殊 网 页 。 母 版 页 的 扩展 名 为 master。 
在 母 版 页 中 ,界面 被 分 为 公用 区 和 可 编辑 区 ,公用 区 的 设计 方法 与 一 般 网 页 的 设计 方式 相同 ， 
可 编辑 区 用 ContentPlaceHolder 控件 预 留 出 来 ,ContentPlaceHolder 控件 起 到 占 位 符 的 作用 ， 
它 在 母 版 页 中 标识 某 个 区 域 , 该 区 域 将 预 留 给 内 容 页 。 一 个 母 版 页 中 可 以 有 一 个 可 编辑 区 ,也 
可 以 有 多 个 可 编辑 区 。 

2. 内 容 页 

引用 母 版 页 的 . aspx 网 页 即 为 内 容 页 。 在 内 容 页 中 , 母 版 页 的 ContentPlaceHolder 控件 
预 留 的 可 编辑 区 会 被 自动 替换 为 Content 控件 ,开发 人 员 只 需 在 Content 控件 区 域 中 填充 内 
容 即 可 ,在 母 版 页 中 定义 的 其 他 标记 将 自动 出 现在 使 用 了 该 母 版 页 的 . aspx 页 面 中 。 

3. 母 版 页 和 内 容 页 的 关系 

在 网 页 运行 时 , 母 版 页 和 内 容 页 的 页 面 内 容 组 合 到 一 起 , 母 版 页 中 的 占 位 符 包含 内 容 页 中 
的 内 容 , 最 后 将 完整 的 网 页 发 送 到 客户 浏览 器 。 母 版 页 和 内 容 页 的 关系 如 图 9.7 所 示 。 
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六 ”<aspcontentplaceHolder> YY 


结果 页 


图 9.7 母 版 页 和 内 容 页 的 关系 


9.2.2 创建 母 版 页 


母 版 页 中 包含 的 是 网 页 的 公共 部 分 , 即 网 页 模板 ,因此 在 创建 之 前 ,必须 确定 哪些 是 页 面 
的 公共 部 分 ,需要 从 分 析 页 面 结构 开 始 。 

通常 网 页 页 面 由 边框 页 头 \ 内 容 和 页 脚 组 成 ,内 
容 可 能 分 为 几 个 部 分 ,如 图 9. 8 所 示 。 一 般 地 ,网 站 中 
许多 网 页 都 包含 相同 的 边框 ` 页 头 和 页 脚 , 所 以 它们 是 
网 页 的 公共 部 分 。 而 内 容 是 网 页 的 非 公共 部 分 ,是 一 


内 容 1 5 个 网 页 独 有 的 。 
在 ASP .NET 中 , 母 版 页 中 非 公 共 部 分 用 Content- 
一 PlaceHolder 控件 表示 。 该 控件 取得 内 容 占 位 符 的 作 
用 ,用 于 在 母 版 页 中 定义 相对 内 容 区 域 。 


创建 母 版 页 的 过 程 与 一 般 网 页 相似 ,区 别 仅仅 是 
不 能 单独 在 浏览 器 中 查看 母 版 页 ,而 必须 通过 内 容 页 
在 浏览 器 中 查看 。 

【 练 一 练 】 在 CH9 网 站 中 添加 一 个 母 版 页 MasterPage. master, 用 于 后 面 设计 登录 的 内 
容 页 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH9 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 “ 添 加 新 项 -CH9” 对 话 框 ,在 中 
间 列 表 中 选择 * 母 版 页 ”, 保 持 默认 文件 名 MasterPage. master, 单 击 “ 添 加 ”按钮 ,如 图 9. 9 
所 示 。 

@ 出 现 母 版 页 设计 界面 ,设计 网 页 模板 。 删 除 其 中 自动 产生 的 ContentPlaceHolder 控 
件 ,插入 一 个 3X3 的 表格 ,在 第 1 和 第 3 行 输入 HTML 文字 ,分 别 作为 页 头 和 页 脚 ,在 第 2 行 
第 2 列 中 放置 一 个 ContentPlaceHolder 控件 ContentPlaceHolderl ,其 他 单元 格 设置 相同 的 背 
景 颜色 ,如 图 9.10 所 示 。 

进入 源 视图 ,看 到 该 母 版 页 的 代码 如 下 : 


<% @ Master Language = "C#" AutogventWireup= "true" CodeFile = "MasterPage. master.cs" 


图 9.8 页 面 结构 图 
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Inherits = "MasterPage" %> 
<!DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml"> 
< head runat = "server"> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf — 8"/> 
<title></title> 
<asp:ContentPlaceHolder id = "head" runat = "server"> 
</asp:ContentPlaceHolder > 
< style type = "text/css"> 
.auto— stylel { 
width: 500px; height: 300px; 
border - collapse:collapse; padding: 0px; 
} 
.auto— style2 { 
height: 75px; width:100%; 
background - color: # 469B9D; text ~ align: center; 
font - family: 华文 新 魏 ; font - size: xx- large; 
color: #FF0000; font - weight: bold; 
} 
.auto— style3 { 
width: 500px; height:50px; 
font - family: 幼 圆 ; font - weight: bold; 
font - size: large; color: #FF0000; 
text ~ align: center; 


} 
</style> 
</head> 
<body> 
<form id= "forml" runat = "server"> 
<div> 
<table border = "0" class = "auto— stylel"> 
<tr> 
<td class = "auto- style2" colspan = "3" rowspan = "0"> 电 子 商 务 系统 </td> 
</tr> 
<tr> 
< td rowspan = "2" style = "background - color: 井 469B9D"> &nbsp;</td> 
<td > 
< asp: ContentPlaceHolder ID = "ContentPlaceHolder1" runat = " server"> 
</asp:ContentPlaceHolder > 
</td> 
< td rowspan = "2" style = "background - color: 井 469B9D"> gnbsp;</td> 
</tr> 
<tr> 
< td style= "background— color: #469B9D" class = "auto— style3"> 
版 权 所 有 2013 - 2020 </td> 
</tr> 
</table> 
</div> 
</form> 
</body> 
</html > 


从 中 看 到 ,除了 将 Page 页 指令 改 为 Master 指令 以 及 使 用 ContentPlaceHolder 控件 外 ,上 
述 代码 与 一 般 的 网 页 十 分 类 似 。 
注意 : 母 版 页 不 支持 主题 设置 ,但 可 以 在 内 容 页 上 设置 主题 。 


282 电子 商务 网 站 开发 教程 一 一 基于 C# 十 ASP .NET 


章 志 已 安装 模板 (Ctrl+ 日 


关于: Visual C# 
Web 应 用 程序 的 母 版 页 


| 
门 Web 用 户 控件 


=| Dynamic Data 字段 


HTML 页 


| 
LY savascipt wn 
= 


HNN mn snl 泪 
MasterPage.master 


图 9. 10 MasterPage. master 母 版 页 设计 界面 


9.2.3 创建 内 容 页 


在 创建 一 个 完整 的 母 版 页 之 后 , 接 下 来 必然 根据 母 版 页 创建 内 容 页 ,主要 有 两 种 方法 
。 在 创建 网 页 的 “添加 新 项 ”对话 框 中 勾 选 “选择 母 版 页 ” 复 选 框 ; 
。 在 母 版 页 中 右键 ,在 弹出 的 快捷 菜单 中 选择 “添加 内 容 页 ”命令 。 
在 母 版 页 中 设计 的 ContentPlaceHolder 控件 ,在 内 容 页 中 对 应 Content 控件 。Content 控件 
使 用 其 ContentPlaceHolderID 属性 与 ContentPlaceHolder 关联 。 将 ContentPlaceHolderID 属性 设 
置 为 母 版 页 中 相关 的 ContentPlaceHolder 控件 的 ID 属性 的 值 。 例 如 : 
< asp:Content ID = "Content2" ContentPlaceHolderID = "ContentPlaceHolder1" 
Runat = "Server"> </asp:Content > 
上 述 语 句 表示 内 容 页 中 Content2 控件 与 母 版 页 中 ContentPlaceHolderl 控件 关联 。 
另外 ,内 容 页 必须 绑 定 到 母 版 页 ,其 方式 是 在 内 容 页 的 页 指令 中 设置 MasterPageFile 属 
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性 为 指定 的 母 版 页 。 例 如 ,@Page 页 面 指令 包含 如 下 属性 定义 表示 本 内 容 页 的 母 版 页 是 
MasterPage. master 文件 : 


MasterPageFile = "一 /MasterPage.master" 


【 练 一 练 】 在 CH9 网 站 中 添加 一 个 内 容 页 webform2 ,其 母 版 页 为 MasterPage. master。 

其 设计 步骤 如 下 : 

@ 打开 CH9 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH9(1)” 对 话 框 ,在 
中 间 列 表 中 选择 “Web 窗 体 ”, 修 改 文件 名 为 webform2. aspx, 色 选 “ 选 择 母 版 页 ”, 单 击 “ 添 加 ” 
按钮 ,如 图 9. 11 所 示 。 


图 9.11 “添加 新 项 ”对 话 框 


@ 出 现 如 图 9. 12 所 示 的 “选择 母 版 页 ”对 话 框 ,选中 MasterPage. master, 单 击 “ 确 定 ” 按 钮 。 


图 9.12 “选择 母 版 页 ”对 话 框 
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@ 出 现 webform2 内 容 页 如 图 9. 13 所 示 的 设计 界面 ,除了 对 应 母 版 页 中 ContentPlaceHolderl 
控件 的 区 域外 ,其 他 部 分 是 只 读 不 可 编辑 的 。 


| contentPlaceHoiden ( 自 十 又 


图 9.13 webform2 内 容 页 的 初始 设计 界面 


在 本 网 页 的 可 编辑 区 域 中 插入 一 个 5 行 2 列 的 表格 ,再 添加 相关 控件 ,最 终 设计 的 界面 如 
图 9. 14 所 示 。 


ContentPlaceHoldel ( 自 定义 )] 


[Label1] 


图 9.14 webform2 内 容 页 的 最 终 设 计 界 面 


本 网 页 的 源 视 图 代码 如 下 : 


<% @ Page Title="" Language = "C#" MasterPageFile = "~/MasterPage. master" 
RutoEventWireup = "true" 
CodeFile = "webform2.aspx.cs" Inherits = "webform2" $%> 
<asp:Content ID = "Content1" ContentPlaceHolderID= "head" Runat = "Server"> 
< style type = "text/css"> 
.auto— style4 { 
width: 100% ; } 
.auto— style5 { 
text - align: center; font - family: 隶书 ; 
font - weight: bold; font ~ size: x— large; 
color: #800080; 
} 
.auto— style6 { 
font - family: 楷体 ;font - size: medium; 
color: #0000FF; font— weight: bold; 
text ~ align: right;width: 154px; 
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} 
</style> 
</asp:Content > 
<asp:Content ID = "Content2" ContentPlaceHolderID = "ContentPlaceHolder1" 
Runat = "Server"> 
<table class = "auto— style4"> 
<tr> 
<td class = "auto- style5" colspan = "2"> 用 户 登录 </td> 
</tr> 
<tr> 
<td class = "auto style6"> 用 户 名 </td> 
<td>< asp:TextBox ID = "TextBox1" runat = "server"></asp:TextBox ></td> 
</tr> 
E> 
<td class = "auto- style6"> 密 &nbsp; 码 </td> 
<td><asp:TextBox ID= "TextBox2" runat = "server" 
TextMode = "Password"></asp:TextBox > 
</td> 
</tr> 
<tr> 
< td colspan = "2" style= "text -align: center"> 
<asp:Button ID = "Button1"” runat = "server" Text = "登录 " 
style = "color: #35FF0000; font - size: medium; font - weight: 700; 
font - family: 黑体 ;" OnClick = "Buttonl_Click" /> 
</td> 
</tr> 
<tr> 
<td colspan = "2" style= "text ~ align: center"> 
<asp:Label ID = "Labell" runat = "server" style= "color: #FFOOFF; 
font - size: medium; font ~ weight: 700; font - family: 仿宋 "></asp:Label > 
</td> 
</tr> 
</table> 
</asp:Content > 


从 中 看 到 ,内 容 页 的 源 视图 代码 与 一 般 网 页 的 源 视 图 代码 不 同 ,不 包含 二 html 二 >、 二 body 二 
等 Web 元 素 , 这 些 元 素 包 含 在 母 版 页 中 。 内 容 页 的 源 视 图 代码 主要 由 两 部 分 组 成 : 代码 头 声明 
和 Content 控件 区 。 代 码头 声明 中 ,页 指令 重要 的 属性 是 MasterPageFile( 设 置 所 绑 定 的 母 版 页 ) 和 
Title( 设 置 网 页 标题 )。Content 控件 区 中 包含 一 个 或 多 个 Content 控件 ,用 来 包含 网 页 中 的 非 公共 
内 容 。Content 控件 通过 ContentPlaceHolderID 属性 与 母 版 页 中 的 ContentPlaceHolder 控件 关 取 。 
@ 在 本 网 页 上 设计 如 下 事件 处 理 方法 : 
protected void Button1_Click(object sender, EventArgs e) 
{ if (TextBoxl. Text == "User1234" && TextBox2. Text == "1234") 
Labell. Text =“" 提 示 : 你 已 成 功 登 录 !"; 
else 
Labell. Text = "提示 : 你 的 登录 信息 不 正确 ,登录 失败 !"; 
} 
这 里 假设 用 户 名 和 密码 是 固定 的 ,正确 的 用 户 名 /密码 为 User1234/1234, 其 他 都 是 错误 的 。 
@ 单 击 工具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ,如 果 用 户 输入 错误 的 用 户 名 /密码 ， 
其 执行 界面 如 图 9. 15 所 示 。 如 果 用 户 输入 正确 的 用 户 名 /密码 ,其 执行 界面 如 图 9. 16 所 示 。 
这 里 仅仅 介绍 了 母 版 页 和 内 容 页 设计 的 基本 方法 ,更 多 有 关 从 内 容 页 中 访问 母 版 页 的 内 
容 等 复杂 知识 可 以 参阅 相关 文献 。 
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< | @ http://ocalhost56993/webform2.aspx pp-c 
Er 


@ localhost x 


提示 : 你 已 成 功 登录 ! 


图 9.16 成 功 登 录 时 的 界面 


9.3 站 点 导航 设计 


知识 梳理 


站 点 导航 概述 


创建 站 点 地 


CC 站 点 导航 设计 站 点 导航 控件 概述 


TreeView 控 件 


TreeView 控 件 的 应 用 
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9.3.1 站 点 导航 概述 


使 用 ASP .NET 站 点 导航 功能 可 以 为 用 户 导 航 站 点 提供 一 致 的 方法 。 随 着 站 点 内 容 的 
增加 以 及 用 户 在 站 点 内 来 回 移动 网 页 ,管理 所 有 的 链接 会 变 得 比较 困难 。ASP .NET 站 点 导 
航 使 用 户 能 够 将 指向 所 有 网 页 的 链接 存储 在 一 个 中 央 位 置 ,并 在 列表 中 呈现 这 些 链 接 ,或 用 一 
个 特定 Web 服务 器 控件 在 每 个 网 页 上 呈现 导航 菜单 。 

设计 站 点 导航 功能 主要 使 用 ASP .NET 提供 下 列 功 能 : 

。 站 点 地 图 : 可 以 使 用 站 点 地 图 描述 站 点 的 逻辑 结构 ,接着 通过 在 添加 或 移 除 页 面 时 修 

改 站 点 地 图 (而 不 是 修改 所 有 网 页 的 超 链接 ) 来 管理 页 导航 。 
。 ASP .NET 导航 控件 : 可 以 使 用 ASP .NET 控件 在 网 页 上 显示 导航 菜单 ,导航 菜单 以 
站 点 地 图 为 基础 。 


9.3.2 创建 站 点 地 图 


若 要 使 用 站 点 导航 , 先 创建 一 个 站 点 地 图 或 站 点 的 表示 形式 。 站 点 地 图 采用 XML 文件 
描述 站 点 的 层次 结构 。 在 创建 站 点 地 图 后 ,可 以 使 用 站 点 导航 控件 在 ASP .NET 网 页 上 显示 
其 导航 结构 。 

站 点 地 图 是 一 种 以 sitemap 为 扩展 名 的 标准 XML 文件 ,主要 为 站 点 导航 控件 提供 站 点 层 
次 结构 信息 ,默认 名 为 Web. sitemap。 

【 练 一 练 】 在 CH9 网 站 中 添加 一 个 Web. sitemap 站 点 地 
图 , 它 反映 一 个 大 学 的 网 站 布局 ,如 图 9.17 所 示 。 


中 华 大 学 


其 设计 步骤 如 下 物理 学 
@ 打开 CH9 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 ee 


“添加 新 项 -CH9(1)” 对 话 框 ,在 中 间 列 表 中 选择 “站 点 地 图 ”, 保 pol 
持 默 认 名 称 为 Web. sitemap( 只 有 名 称 为 Web. sitemap 的 站 点 
地 图 才 会 被 自动 加 载 ,并 且 必 须 出 现在 网 站 的 根 目录 中 ), 单 击 
“添加 ”按钮 ,如 图 9. 18 所 示 。 图 9.17 一 个 大 学 的 网 站 布局 


搜索 已 安装 模板 (Ctrl+E) 
~ Be Visual ce 
用 于 创建 站 点 地 图 的 文件 


口 将 代码 放 在 单独 的 文件 中 (P) 
口 迁 泽 母 版 页 (C) 


| 


9.18 “添加 新 项 ”对 话 框 
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@ 出 现 站 点 地 图 的 编辑 窗口 ,编辑 站 点 地 图 Web. sitemap 文件 如 下 : 


<?xml version= "1.0" encoding= "utf — 8" ?> 
< siteMap xmlns = "http://schemas. microsoft. com/AspNet/SiteMap— File—1.0"> 
< siteMapNode url = "disp.aspx?mc = 中 华 大 学 "title = "中 华 大 学 " description=""> 
< siteMapNode url = "disp.aspx?mc = 院 系 设置 " title = " 院 系 设置 " description = ""> 
< siteMapNode url = "disp. aspx?mc = 计算 机 学 院 " title = "计算 机 学 院 " description = "" /> 
< siteMapNode url = "disp.aspx?mc = 电子 信息 学 院 " title = "电子 信息 学 院 " description = ""” /> 
< siteMapNode url = "disp.aspx?mc = 数学 学 院 " title= "数学 学 院 " description = "" /> 
< siteMapNode url = "disp. aspx?mc = 物理 学 院 " title= "物理 学 院 " description = "" 人 > 
</ siteMapNode > 
< siteMapNode url = "disp.aspx?mc = 职能 部 门 " title = "职能 部 门 ” description = ""> 
< siteMapNode url = "disp.aspx?mc = 教务 处 " title = "教务 处 " description = "" /> 
< siteMapNode url = "disp.aspx?mc = 财务 处 " title= "财务 处 " description= "" /> 
< siteMapNode url = "disp. aspx?mc = 学 生 工 作 处 " title = "学 生 工作 处 " description = ""” /> 
< siteMapNode url = "disp.aspx?mc = 科技 处 " title= "科技 处 " description="" /> 
</siteMapNode > 
</siteMapNode > 
</siteMap> 


@ 单 击 国 保存 该 站 点 地 图 文件 。 
站 点 地 图 是 一 个 标准 XML 文件 。 其 中 ,第 一 个 标记 用 于 标识 版 本 和 编码 方式 ,siteMap 
是 站 点 地 图 根 节点 标记 ,包含 若干 个 siteMapNode 子 节点 ,一 个 siteMapNode 子 节点 下 又 可 
以 包含 若干 个 siteMapNode 子 节点 ,构成 一 种 层次 结构 。 
siteMapNode 节点 的 常用 属性 如 表 9. 1 所 示 。 
表 9.1 siteMapNode 节点 的 常用 属性 


属 性 说 明 

url 设置 用 于 节点 导航 的 URL 地 址 。 在 整个 站 点 地 图 文件 中 ,该 属性 必须 唯一 

title 设置 节点 名 称 

description 设计 节点 说 明文 字 

key 定义 当前 节点 的 关键 字 

roles 定义 允许 查找 该 站 点 地 图 文件 的 角色 集合 ,多 个 角色 可 用 分 号 (;) 或 逗号 (,) 分 隔 
Provider 定义 处 理 其 他 站 点 地 图 文件 的 站 点 导航 提供 程序 名 称 , 默 认为 XmlSiteMapProvider 


9.3.3 站 点 导航 控件 概述 


创建 一 个 反映 站 点 结构 的 站 点 地 图 只 完成 了 ASP .NET 站 点 导航 系统 的 一 部 分 。 导 航 
系统 的 另 一 部 分 是 在 ASP .NET 网 页 中 显示 导航 结构 ,这 样 用 户 就 可 以 在 站 点 内 轻松 地 移 
动 。 通 过 使 用 下 列 ASP .NET 站 点 导航 控件 ,可 以 轻松 地 在 页 面 中 建立 导航 信息 : 
。 TreeView: 此 控件 显示 一 个 树 状 结构 或 菜单 ,让 用 户 可 以 遍历 访问 站 点 中 的 不 同 页 
面 , 单 击 包 含 子 节点 的 节点 可 将 其 展开 或 折 蔡 。 

。 Menu: 此 控件 显示 一 个 可 展开 的 菜单 ,让 用 户 可 以 遍历 访问 站 点 中 的 不 同 页 面 。 将 光 
标 悬 停 在 菜单 上 时 ,将 展开 包含 子 节点 的 节点 。 

。 SiteMapPath: 此 控件 显示 导航 路 径 ( 也 称 为 面包 习 或 眉毛 链接 ) 向 用 户 显 示 当 前 页 面 
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的 位 置 , 并 以 链接 的 形式 显示 返回 主页 的 路 径 。 此 控件 提供 了 许多 可 供 自 定义 链接 的 
外 观 的 选项 。 
所 有 站 点 导航 控件 均 位 于 工具 箱 的 “导航 ”选项 卡 中 ,可 以 像 其 他 服务 器 控件 一 样 使 用 。 
这 里 主要 介绍 TreeView 控件 。 


9.3.4 TreeView 控件 


TreeView 控件 又 称 为 树 形 导航 控件 。 它 的 显示 类 似 于 一 棵 横向 的 树 , 可 以 展开 或 折 释 树 
的 节点 来 分 类 查看 ,管理 信息 ,非常 直观 。 

TreeView 控件 由 节点 组 成 。 树 中 的 每 个 项 都 称 为 一 个 节点 , 它 由 一 个 TreeNode 对 象 表 
示 。 节 点 类 型 的 定义 如 下 : 

。 包含 其 他 节点 的 节点 称 为 父 节点 (Parent Node) 。 

。 被 其 他 节点 包含 的 节点 称 为 子 节点 (Child Node) 。 

。 没有 子 节点 的 节点 称 为 叶 节点 (Leaf Node) 。 

。 不 被 其 他 任何 节点 包含 同时 是 所 有 其 他 节点 的 上 级 的 节点 是 根 节点 (Root Node) 。 

一 个 节点 可 以 同时 是 父 节点 和 子 节点 ,但 是 不 能 同时 为 根 节点 、 父 节点 和 叶 节 点 。 节 点 为 
根 节 点 、 父 节点 还 是 叶 节 点 决定 着 节点 的 几 种 可 视 化 属性 和 行为 属性 。 

尽管 通常 的 树 结构 只 具有 一 个 根 节点 ,但 是 TreeView 控件 允许 向 树 结构 中 添加 多 个 根 
节点 。 如 果 要 在 不 显示 单个 根 节点 的 情况 下 显示 项 列表 ,这 种 控件 就 非常 有 用 。 

1. TreeNode 类 

TreeView 控件 中 一 个 节点 就 是 一 个 TreeNode 类 对 象 。TreeNode 类 的 常用 属性 如 表 9. 2 所 
示 , 常 用 方法 如 表 9. 3 所 示 。 


表 9.2 TreeNode 类 的 常用 属性 及 其 说 明 


用 性 说 明 
Checked 获取 或 设置 一 个 值 ,该 值 指示 节点 的 复 选 框 是 否 被 选中 
ChildNodes 获取 TreeNodeCollection 集合 ,该 集合 包含 当前 节点 的 第 一 级 子 节点 
Depth 获取 节点 的 深度 
Expanded 获取 或 设置 一 个 值 ,该 值 指示 是 否 展开 节点 
ImageToolTip ”获取 或 设置 在 节点 旁边 显示 的 图 像 的 工具 提示 文本 


ImageUrl 获取 或 设置 节点 旁 显示 的 图 像 的 URL 

NavigateUrl 获取 或 设置 单 击 节点 时 导航 到 的 URL 

Parent 获取 当前 节点 的 父 节点 

Selected 获取 或 设置 一 个 值 ,该 值 指示 是 否 选择 节点 

ShowCheckBox 获取 或 设置 一 个 值 , 该 值 指 示 是 否 在 节点 旁 显 示 一 个 复 选 框 

Target 获取 或 设置 用 来 显示 与 节点 关联 的 网 页 内 容 的 目标 窗口 或 框架 

Text 获取 或 设置 为 TreeView 控件 中 的 节点 显示 的 文本 

ToolTip 获取 或 设置 节点 的 工具 提示 文本 

Value 获取 或 设置 用 于 存储 有 关节 点 的 任何 其 他 数据 (如 用 于 处 理 回 发 事件 的 数据 ) 的 非 显示 值 


ValuePath 获取 从 根 节点 到 当前 节点 的 路 径 
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表 9.3 TreeNode 类 的 常用 方法 及 其 说 明 


方 法 说 明 
Collapse 折 丢 当前 树 节点 
CollapseAll 折 和 又 当前 节点 及 其 所 有 子 节点 
Expand 展开 当前 树 节点 
ExpandAll 展开 当前 节点 及 其 所 有 子 节点 
Select 选择 TreeView 控件 中 的 当前 节点 
ToggleExpandState 切换 节点 的 展开 和 折 秋 状态 


每 个 TreeView 对 象 都 具有 一 个 Text 属性 和 一 个 Value 属性 。Text 属性 的 值 显示 在 
TreeView 控件 中 ,而 Value 属性 用 于 存储 有 关节 点 的 任何 其 他 数据 ,如 传递 到 与 该 节点 相关 
联 的 回 发 事件 的 数据 。 在 TreeView 控件 ,节点 ( 即 TreeView 对 象 ) 可 以 处 于 以 下 两 种 状态 之 
一 : 选 定 状态 和 导航 状态 。 在 默认 情况 下 ,会 有 一 个 节点 处 于 选 定 状态 (该 节点 的 Selected 属 
性 为 true) 。 若 要 使 一 个 节点 处 于 导航 状态 , 需 将 该 节点 的 NavigateUrl 属性 值 设置 为 空 字符 
串 以 外 的 值 。 若 要 使 一 个 节点 处 于 选 定 状态 , 需 将 该 节点 的 NavigateUrl 属性 值 设置 为 空 字 
符 串 。 

TreeNode 类 提供 了 以 下 构造 函数 ， 

public TreeNode( ) 

public TreeNode (string text) 

public TreeNode (string text, string value) 

public TreeNode (string text, string value, string imageUr1l) 

public TreeNode (string text, string value, string imageUrl, string navigateUrl, string target) 
其 中 ,参数 text 指定 TreeView 控件 中 的 节点 显示 的 文本 。value 指定 与 节点 关联 的 补充 数 
据 ,如 用 于 处 理 回 发 事件 的 数据 。imageUrl 指定 节点 旁 显 示 的 图 像 的 URL。navigateUrl 指 
定单 击 节点 时 链接 到 的 URL。target 指定 单 击 节点 时 用 来 显示 链接 到 的 网 页 内 容 的 目标 窗 
口 或 框架 。 

2. TreeView 控件 的 属性 方法 和 事件 

TreeView 控件 的 常用 属性 及 其 说 明 如 表 9.4 所 示 。 下 面 介绍 几 个 主要 的 属性 。 


表 9.4 TreeView 控件 的 常用 属性 及 其 说 明 


属 性 说 明 

CheckedNodes 获取 TreeNode 对 象 的 集合 ,这 些 对 象 表示 在 TreeView 控件 中 显示 的 选中 了 复 选 框 
的 节点 

DataSourceID 设置 数据 源 对 象 

ExpandDepth 获取 或 设置 第 一 次 显示 TreeView 控件 时 所 展开 的 层次 数 

NodeIndent 获取 或 设置 TreeView 控件 的 子 节点 的 缩 进 量 ( 以 像素 为 单位 ) 

Nodes 获取 或 设置 TreeNode 对 象 的 集合 ,表示 TreeView 控件 中 节点 

NodeStyle 获取 对 TreeNodeStyle 对 象 的 引用 ,该 对 象 用 于 设置 TreeView 控件 中 节点 的 默认 
外 观 

NodeWrap 获取 或 设置 一 个 值 , 指 示 空 间 不 足 时 节点 中 的 文本 是 否 换 行 

RootNodeStyle 获取 对 TreeNodeStyle 对 象 的 引用 ,该 对 象 用 于 设置 TreeView 控件 中 根 节点 的 外 观 


SelectedNode 获取 表示 TreeView 控件 中 选 定 节点 的 TreeNode 对 象 
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续 表 


属 性 说 明 
SelectedValue 获取 选 定 节点 的 值 
ShowCheckBoxes 获取 或 设置 一 个 值 ,指示 哪些 节点 类 型 将 在 TreeView 控件 中 显示 复 选 框 
ShowExpandCollapse 获取 或 设置 一 个 值 ,指示 是 否 显 示 展 开 节点 指示 符 
ShowLines 获取 或 设置 一 个 值 ,指示 是 否 显示 连接 子 节点 和 父 节 点 的 线条 
CollapseImageUrl 可 折合 节 点 的 指示 符 所 显示 图 像 的 URL, 此 图 像 通常 为 一 个 减 号 (一 ) 
ExpandImageUrl 可 展开 节点 的 指示 符 所 显示 图 像 的 URL, 此 图 像 通常 为 一 个 加 号 (十 ) 
LineImagesFolder 包含 用 于 连接 父 节点 和 子 节点 的 线条 图 像 的 文件 夹 的 URL。ShowLines 属性 还 必 

须 设 置 为 true, 该 属性 才能 有 效 

NoExpandImageUrl 不 可 展开 节点 的 指示 符 所 显示 图 像 的 URL 


(1) DataSourceID 属性 

该 属性 指定 TreeView 控件 的 数据 源 控件 的 ID 属性 。 例 如 ,可 以 指定 与 XML 文件 绑 定 
的 XmlDataSource 控件 或 与 站 点 地 图 绑 定 的 SiteDataSource 控件 的 ID。 

(2) ExpandDepth 属性 

该 属性 获取 或 设置 第 一 次 显示 TreeView 控件 时 所 展开 的 层次 数 。 例 如 , 若 该 属性 设 为 
2 , 则 将 展开 根 节点 及 根 节 点 下 方 紧邻 的 所 有 子 节点 。 

(3) SelectedNode 属性 

该 属性 返回 用 户 从 TreeView 控件 中 选 定 的 一 个 TreeNode 对 象 。 例 如 ,以 下 语句 在 标签 
Labell 中 显示 选择 节点 的 文本 : 

Labell. Text = "选择 的 节点 是 :" + TreeViewl. SelectedNode. Text; 


(4) Nodes 属性 

Nodes 属性 是 TreeView 控件 中 所 有 节点 的 集合 ,是 TreeNodeCollection 类 对 象 。Nodes 
集合 属性 中 的 每 一 个 节点 都 是 一 个 TreeNode 对 象 。 该 集合 属性 的 使 用 方法 与 7.4 节 介绍 的 
DropDownList 控件 的 Items 属性 相似 。 

可 以 通过 索引 来 表示 Nodes 集合 中 的 元 素 ( 索 引 从 零 开 始 ) ,但 要 注意 节点 的 层次 结构 。 
例如 : 

TreeViewl1. Nodes 表示 TreeView1 控件 的 所 有 节点 集合 。 

TreeViewl1. Nodes[0] 表 示 TreeViewl 控件 中 第 一 个 根 节点 。 

TreeViewl1. Nodes[0]. ChildNodes 表示 TreeViewl 控件 中 第 一 个 根 节 点 的 子 节点 集合 。 

TreeView1. Nodes[0]. ChildNodes[1] 表 示 TreeViewl 控件 中 第 一 个 根 节点 的 第 2 个 子 

TreeView 控件 的 常用 方法 及 其 说 明 如 表 9. 5 所 示 。 


表 9.5 ”TreeView 控件 的 常用 方法 及 其 说 明 


方 法 说 明 
ExpandAll 打开 树 中 的 每 个 节点 
FindNode 检索 TreeView 控件 中 指定 值 路 径 处 的 TreeNode 对 象 


TreeView 控件 的 常用 事件 及 其 说 明 如 表 9.6 所 示 。 
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表 9.6 TreeView 控件 的 常用 事件 及 其 说 明 


事 件 说 明 
SelectedNodeChanged 当选 择 TreeView 控件 中 的 节点 时 发 生 
TreeNodeCheckChanged 当 TreeView 控件 中 的 复 选 框 在 向 服务 器 的 两 次 发 送 过 程 之 间 状 态 有 所 更 改 时 发 生 
TreeNodeCollapsed 当 折 等 TreeView 控件 中 的 节点 时 发 生 
TreeNodeDataBound 当 数据 项 绑 定 到 TreeView 控件 中 的 节点 时 发 生 
TreeNodeExpanded 当 扩 展 TreeView 控件 中 的 节点 时 发 生 
TreeNodePopulate 当 其 PopulateOnDemand 属性 设置 为 True 的 节点 在 TreeView 控件 中 展开 时 发 生 


9.3.5 TreeView 控件 的 应 用 


1. 通过 DataSourceID 属性 设置 TreeView 控件 的 数据 源 

ASP .NET 提供 了 SiteMapDataSource 和 XmlDataSource 两 个 服务 器 控件 ,位 于 工具 箱 
的 “数据 ”选项 卡 中 ,用 于 ASP .NET 站 点 导航 ,前 者 检索 站 点 地 图 提供 程序 的 导航 数据 ; 后 者 
检索 指定 的 XML 文件 的 导航 数据 ,并 将 导航 数据 传递 到 可 显示 该 数据 的 控件 (如 TreeView 
和 Menu 控件 )。 

【 练 一 练 】 在 本 章 网 站 CH9 中 添加 一 个 webform3 网 页 ,其 功能 是 说 明 通 过 DataSourceID 
属性 设置 TreeView 控件 的 数据 源 来 实现 网 点 导航 的 使 用 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH9 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH9” 对 话 框 ,在 中 间 列 
表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform3. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ”按钮 。 

@ 从 工具 箱 的 “导航 ”类别 中 拖 中 一 个 TreeView 
控件 TreeViewl 到 网 页 中 ,展开 TreeView 任务 列 
表 , 如 图 9. 19 所 示 , 选 择 “ 新 建 数 据 源 ”命令 ,在 出 现 
的 “数据 源 配置 向 导 ” 对 话 框 中 选择 “站 点 地 图 ”项 ， 
单 击 “ 确 定 ” 按 钮 ,如 图 9. 20 所 示 。 

这 样 就 就 创建 了 SiteMapDataSourcel 控件 , 它 
对 应 前 面 创建 的 站 点 地 图 web. sitemap 文件 。 

@ 再 次 展开 “TreeView 任务 ”列表 ,选择 “自动 
套用 格式 "命令 ,在 出 现 的 “自动 套用 格式 ”对 话 框 中 
选择 “XP 资源 管理 器 "项 , 单 击 “ 确 定 ” 按 钮 ,如 图 9. 21 所 示 。 

@ 进入 源 视图 ,将 TreeViewl 控件 的 Font-Size 属性 改 为 14pt。webform3 网 页 的 最 终 
设计 界面 如 图 9. 22 所 示 。 

@ 在 CH9 网 站 中 添加 一 个 disp. aspx 的 网 页 ,其 中 只 有 一 个 Labell 标签 控件 , 它 的 源 视 
图 代码 如 下 : 

<asp:Label ID = "Labell" runat = "server" style= "color: #FFOOFF; font— size: 24px; 

font - weight: 700; font - family: 仿宋 " /> 

@ 单 击 工具 栏 中 的 > Internet Explorer 按钮 执行 webform3 网 页 ,显示 的 站 点 地 图 中 的 每 一 
项 都 是 一 个 超 链 接 ,例如 单 击 “计算 机 学 院 ? 项 :在 新 的 窗口 中 打开 disp 网 页 ,其 结果 如 图 9. 23 
所 示 。 


图 9.19 展开 “TreeView 任务 ”列表 
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图 9.23 webform3 网 页 的 执行 过 程 
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2. 向 TreeView 控件 中 添加 节点 的 方法 来 设置 TreeView 控件 的 数据 源 

向 TreeView 控件 添加 节点 有 以 下 几 种 方法 。 

(1) 手工 方式 添加 节点 

向 网 页 中 拖 忠 一 个 TreeViewl 控件 ,展开 “TreeView 任务 ”列表 ,从 中 选择 “编辑 节点 ” 命 
令 , 打 开 “TreeView 节点 编辑 器 ”对 话 框 ,可 以 从 中 添加 和 删除 节点 ,如 图 9. 24 所 示 , 每 个 节点 
至 少 应 设置 Text 和 Vlaue 属性 ,还 可 以 根据 需要 设置 NavigateUrl 和 Target 属性 等 。 该 图 
设置 的 TreeViewl 控件 的 源 视图 代码 如 下 : 


<asp:TreeView ID = "TreeViewl" runat = "server"> 
<Nodes> 
<asp:TreeNode Text = "中 华 大 学 " Value = "中 华 大 学 "> 
<asp:TreeNode Text = " 院 系 设置 " Value = " 院 系 设置 "> 
<asp:TreeNode Text = "计算 机 学 院 " Value = "计算 机 学 院 "></asp:TreeNode> 
<asp:TreeNode Text = "电子 信息 学 院 "Value = "电子 信息 学 院 "></asp:TreeNode > 
<asp:TreeNode Text = "数学 学 院 " Value = "数学 学 院 "> </asp:TreeNode> 
<asp:TreeNode Text = "物理 学 院 " Value = "物理 学 院 "></asp:TreeNode> 
</asp:TreeNode> 
<asp:TreeNode Text = "职能 部 门 " Value = "职能 部 门 "> 
<asp:TreeNode Text = "教务 处 " Value = "教务 处 "> </asp:TreeNode> 
<asp:TreeNode Text = "财务 处 " Value = "财务 处 "></asp:TreeNode> 
<asp:TreeNode Text = "学 生 工作 处 " Value = "学 生 工 作 处 "></asp:TreeNode> 
<asp:TreeNode Text = "科技 处 " Value = "科技 处 "> </asp:TreeNode> 
</asp:TreeNode> 
</asp:TreeNode > 
</Nodes> 
</asp:TreeView> 


添加 根 节 点 添加 子 节点 删除 节点 


Navigateur | 
PopulateOnDen False 


图 9.24 “TreeView 节点 编辑 器 ”对话 框 
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(2) 通过 编程 方式 添加 节点 

由 于 TreeView 控件 的 Nodes 属性 是 一 个 TreeNodeCollection 类 对 象 , 因 此 采用 Add 方 
法 向 其 中 添加 TreeNode 对 象 。 这 种 方式 在 可 以 在 运行 时 动态 地 增加 或 删除 TreeView 控件 
的 节点 。 

【 练 一 练 】 在 本 章 网 站 CH9 中 添加 一 个 webform4 网 页 ,其 功能 是 说 明 通 过 
DataSourceID 属性 设置 TreeView 控件 的 数据 源 来 实现 网 点 导航 的 使 用 方法 。 

其 设计 步骤 如 下 : 

QO@ 打开 CH9 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 “ 添 加 新 项 -CH9(1)” 对 话 框 ,在 
中 间 列 表 中 选择 Web 窗 体 ”, 将 文件 名 称 改 为 webform4. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 
按钮 。 

@ 在 网 页 中 插入 一 个 1 行 2 列 的 表格 ,在 第 1 列 中 放置 一 个 TreeView 控件 TreeView1l， 
展开 “TreeView 任务 ”列表 ,选择 “自动 套用 格式 "命令 ,在 出 现 的 “自动 套用 格式 ”对 话 框 中 选 
择 “XP 资源 管理 器 "项 , 单 击 “ 确 定 ” 按 钮 。 

@ 进入 网 页 源 视 图 ,将 TreeView1l 控件 的 Font-Size 属性 改 为 14pt。 在 表格 的 第 2 列 中 
用 代码 插入 一 个 Iframel 框架 。 本 网 页 的 源 视图 代码 如 下 : 


<% @ Page Language = "C#" AutogventWireup= "true" CodeFile = "webform4.aspx.cs" 
Inherits = "webform4" $%> 
<! DOCTYPE html > 
<html xmlns = "http://www.w3.org/1999/xhtml"> 
< head runat = "server"> 
<meta http - equiv = "Content - Type" content = "text/html; charset = utf ~ 8"/> 
<title></title> 
</head> 
<body> 
<form id= "forml" runat = "server"> 
<div> 
<table class = "auto— stylel"> 
<tr> 
<td style= "width:100px"> 
<asp:TreeView ID = "TreeViewl" runat = "server.' 
ImageSet = "XPFileExplorer" NodeIndent = "15"> 
< HoverNodeStyle Font - Underline = "True" ForeColor = "#6666AA" /> 
< NodeStyle Font - Names = "Tahoma" Font - Size= "14pt" 
ForeColor = "Black" HorizontalPadding = "2px" NodeSpacing = "0px" 
VerticalPadding = "2px" /> 
< ParentNodeStyle Font - Bold= "False" /> 
< SelectedNodeStyle BackColor = " i# B5B5B5" Font - Underline = "False" 
HorizontalPadding = "0px" VerticalPadding = "0px" /> 
</asp: TreeView > 
</td> 
<td> 
<iframe name = "Iframel" style=" height:300px; width:211px; 
text - align: center" id="Iframel" > 
</iframe> 
</td> 
</tr> 
</table> 
</div> 
</form> 
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</body> 
</html > 


@ 在 网 页 上 设计 如 下 事件 处 理 方法 : 


protected void Page Load(object sender, EventArgs e) 
{ TreeView1. Nodes. Clear( ); 
TreeNode node = new TreeNode(" 中 华 大 学 "); 
node. Target = "Iframel"; 
node. NavigateUrl = "disp.aspx?mc = 中 华 大 学 "; 
TreeView1. Nodes. Add( node); 
node = new TreeNode(" 院 系 设置 "); 
node. Target = "Iframel"; 
node. NavigateUrl = "disp.aspx?mc = 院 系 设置 "; 
TreeView1. Nodes[0].ChildNodes. Add(node); 
node = new TreeNode(" 计 算 机 学 院 "); 
node. Target = "Iframel"; 
node. NavigateUrl = "disp.aspx?mc = 计算 机 学 院 "; 
TreeView1. Nodes[0].ChildNodes[0].ChildNodes. Add(node); 
node = new TreeNode(" 电 子 信息 学 院 "); 
node. Target = "Iframel"; 
node. NavigateUrl = "disp.aspx?mc = 电子 信息 学 院 "; 
TreeViewl. Nodes[0].ChildNodes[0].ChildNodes. Add(node); 
node = new TreeNode(" 数 学 学 院 "); 
node. Target = "Iframel"; 
node. NavigateUrl = "disp.aspx?mc = 数学 学 院 "; 
TreeViewl. Nodes[0].ChildNodes[0].ChildNodes. Add(node); 
node = new TreeNode( "物理 学院 "); 
node. Target = "Iframel"; 
node. NavigateUrl = "disp.aspx?mc = 物理 学 院 "; 
TreeViewl. Nodes[ 0]. ChildNodes[ 0]. ChildNodes. Add( node); 
node = new TreeNode(" 职 能 部 门 "); 
node. Target = "Iframel"; 
node. NavigateUrl = "disp.aspx?mc = 职能 部 门 "; 
TreeView1. Nodes[0].ChildNodes. Add( node); 
node = new TreeNode( "教务 处 "); 
node. Target = "Iframel"; 
node. NavigateUrl = "disp.aspx?mc = 教务 处 "; 
TreeViewl. Nodes[0].ChildNodes[1].ChildNodes. Add(node); 
node = new TreeNode(" 财 务 处 "); 
node. Target = "Iframel"; 
node. NavigateUrl = "disp.aspx?mc = 财务 处 "; 
TreeViewl. Nodes[0].ChildNodes[1].ChildNodes. Add(node); 
node = new TreeNode(" 学 生 工 作 处 "); 
node. Target = "Iframel"; 
node. NavigateUrl = "disp.aspx?mc = 学生 工作 处 "; 
TreeViewl. Nodes[0].ChildNodes[1].ChildNodes. Add(node); 
node = new TreeNode(" 科 技 处 "); 
node. Target = "Iframel"; 
node. NavigateUrl = "disp.aspx?mc = 科技 处 "; 
TreeViewl. Nodes[0].ChildNodes[1].ChildNodes. Add(node); 
} 


上 述 代码 在 TreeViewl 控件 中 添加 11 个 节点 ,并 设置 各 个 节点 的 Text、 Target 
NavigateUrl 属性 。 其 中 要 转向 的 disp 网 页 已 经 在 前 面 例子 中 创建 好 了 。 
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@ 单 击 工具 栏 中 的 p> Internet Explorer 按钮 执行 本 网 页 ,用 户 单 击 TreeViewl 控件 中 的 “ 计 


算 机 学 院 ” 项 ,其 显示 结果 如 图 9. 25 所 示 。 


号 旦 中华 大 学 
Ss 各 院 系 设置 
目 计算 机 学 院 
目 电 子 信息 学 院 
目 数 学 学 院 
目 物理 学 院 
S 忆 职能 部 门 
目 教务 处 
目 财 务 处 
目 学 生 工作 处 
目 科技 处 


B ep/Nocahost 09 mebform PD ~ © 本 


引 是 中 华 大 学 

Ss 后院 系 设置 
目 计算 机 学 院 
目 电子 信息 学 院 
目 数 学 学 院 
目 物理 学 院 

已 职 能 部 门 
目 教务 处 
目 财务 处 
目 学 生 工作 处 
目 科 技 处 


图 9.25 webform4 网 页 的 执行 过 程 


与 上 例 相 比 , 本 例 可 以 控制 转向 的 网 页 在 同一 页 面 的 框架 中 呈现 ,使 得 网 页 界面 设计 更 加 


9.4 练 习 题 
1. 单项 选择 题 
(1) 应 用 程序 主题 存储 于 网 站 的 (  ) 目 录 中 。 
A. App_Themes B. 根 C. App_Code D. 任何 子 目录 
(2) 为 单个 页 面 指定 主题 ,只 需要 在 页 面 的 (  ) 指 令 中 进行 设置 。 
A. Lanuage B. @ Page C. @ include D. @ code 


(3) 若 要 对 特定 网 页 取消 主题 设置 ,可 以 将 其 页 面 指令 @ Page 的 Theme 属性 设置 为 ( 


C. False 


D. This 


)。 


A. True B. 空 字 符 串 

(4) 以 下 关于 主题 的 叙述 中 错误 的 是 ( )。 
A. 一 个 网 页 只 能 应 用 一 个 主题 ,但 该 主题 中 可 以 有 多 个 外 观 文件 
B. 主题 是 由 外 观 、 级 联 样式 表 、 图 像 和 其 他 资源 组 成 
C. 不 能 通过 web. config 文件 为 应 用 程序 中 的 所 有 页 定义 应 用 的 主题 
D. 一 个 主题 可 以 用 于 同一 网 站 的 多 个 网 页 

(5) 控件 属性 的 应 用 顺序 是 ( )。 

OO 应 用 StyleSheetTheme 属性 。 

@ 应 用 网 页 中 的 控件 属性 。 

@ 应 用 Theme 属性 。 


A. DO® B. OOO C. 9OO D. OO 
(6) 母 版 页 文件 的 扩展 名 是 (  )。 
A. config B. master C. asp D. aspx 


(7) 以 下 关于 母 版 页 的 叙述 中 错误 的 是 ( ”)。 
A. 母 版 页 技术 由 ( 母 版 页 本 身 ) 和 (内 容 页 ) 两 部 分 组 成 
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B. 在 内 容 页 中 设 定 MasterPageFile 属性 以 指定 所 使 用 的 (@ Page 指令 ) 
C. Content 是 内 容 页 的 内 容 和 控件 的 容器 ,与 母 版 页 上 的 ContentPlaceHolder 控件 
相对 应 
D. 一 个 内 容 页 可 以 使 用 多 个 母 版 页 
(8) 以 下 关于 母 版 页 的 叙述 中 正确 的 是 (  )。 
A. 一 个 母 版 页 也 可 以 有 和 母 版 页 
B. 一 个 母 版 页 只 能 用 于 一 个 内 容 页 
C. 一 个 网 站 只 能 有 一 个 母 版 页 
D. 一 个 内 容 页 可 以 作为 另 一 个 内 容 页 的 母 版 页 
以 下 关于 母 版 页 的 叙述 中 正确 的 是 ( 人 
A. 母 版 页 不 能 应 用 主题 
B. 母 版 页 能 在 浏览 器 上 执行 
C. 内 容 页 可 以 有 < 王 html>、 一 head>、 二 body 之 和 执行 在 服务 器 端的 一 form> 标 记 
C. 母 版 页 不 能 有 所 html>、 二 head 字 .一 body 之 和 执行 在 服务 器 端的 二 form> 标 记 
(10) ContentPlaceHolder 控件 即 是 ( )。 
A. 不 变 区 域 B. 母 版 标记 C. 内 容 占 位 符 D. 内 容 标记 
(11) Content 控件 的 ContentPlaceHolderID 一 定 要 与 母 版 页 中 ContentPlaceHolder 控 
件 的 ( ) 属 性 值 对 应 。 
A. ID B. Inherits C. Style D. font 
(12) 以 下 关于 站 点 地 图 的 叙述 中 正确 的 是 ( 。 ”)。 
A. 站 点 地 图 的 文件 名 为 Web. Sitemap ,其 本 质 是 一 个 普通 的 HTML 文件 
B. 站 点 地 图 的 文件 名 只 能 是 Web. Sitemap ,不 能 是 其 他 文件 名 
C. 站 点 地 图 不 能 用 其 他 文本 编辑 器 直接 创建 和 修改 
D. 只 有 名 称 为 Web. sitemap 的 站 点 地 图 才 会 被 自动 加 载 ,并 且 必 须 出 现在 网 站 的 


《9 


根 目 录 中 

(13) TreeView 控件 的 节点 集合 保存 在 ( ) 属 性 中 。 

A. Items B. Nodes C. Controls D. ImageList 
(14) treeViewl1. Nodes[0]. Nodes[1] 代 表 了 控件 treeView1l 的 ( Ns 

A. 第 1 个 根 节点 的 第 1 个子 节点 B. 第 1 个 根 节点 的 第 2 个 子 节 点 

C. 第 2 个 根 节点 的 第 1 个 子 节点 D. 第 2 个 根 节点 的 第 2 个 子 节点 
(15) 如 果 要 设置 TreeView 控件 的 数据 源 , 要 使 用 (  ) 属 性 。 

A. DataSource B. DataSourcelD C. TreeView D. TreeNode 
(16) TreeView 控件 中 节点 的 类 型 是 (。”)。 

A. DataSource B. DataSourcelD C. TreeView D. TreeNode 
2. 问答 题 
(1) 简 述 主题 的 作用 。 
(2) 简 述 一 个 网 页 应 用 主题 的 几 种 方式 。 
(3) 简 述 母 版 页 的 运行 过 程 。 
(4) 简 述 母 版 页 的 优点 。 


(5) 简 述 TreeView 控件 的 作用 。 
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(6) 简 述 Web. sitmap 文件 ,SiteMapDataSource 和 TreeView 控件 的 关系 。 
9.5 上 机 实验 题 


在 CH9 网 站 中 添加 一 个 Exp 网 页 ,其 设计 界面 如 图 9. 26 所 示 , 网 页 中 有 一 个 student 
类 ,建立 st 数组 如 下 : 


student[] st = new student[5] { new student(1," 王 华 "," 女 ", "汉族 ","15001")， 
new student(2," 孙 丽 ", " 女 ", "满族 ", "15002")， 
new student(3, "李兵 ", " 男 ", "汉族 ", "15001")， 
new student(6," 张 军 ", " 男 ", "汉族 ", "15001")， 
new student(8," 马 棋 ", " 男 ", "回族 ", "15002") }; 


用 户 单 击 左 边 的 TreeView1 控件 中 的 节点 时 ,在 右边 的 ListBoxl 控件 中 显示 满足 条 件 的 
学 生 记 录 。 图 9. 27 所 示 是 用 户 单 击 “ 男 ”节点 的 结果 。 


素 件 设置 [Label1] 
| 日 根 往 定 
日 父 令 1 
叶 1 
叶 2 
日 父 氏 2 
叶 1 
叶 2 


图 9.26 上 机 实验 题 网 页 的 设计 界面 


(BD[@ hpinocalhosts6993/Expaspx PD- 6| 他 安 机 
扰 localhost x 
文件 (F) ”编辑 (E) ”查看 (V) 收 基 夫 (A) 工具 (T) 帮助 (H) 


素 件 设 垩 条 件 :性 别 -= 男 
上 己 园 择 


学 号 -姓名 -性 别 - 民 族 一 班 号 

号 性 别 3 一 一 李兵 一 男 一 汉族 一 15001 
男 6 一 一 张 军 一 男 一 汉族 一 15001 
女 8 一 一 马 棋 一 男 一 回族 一 15002 

日 班 号 
15001 
15002 


图 9.27 上 机 实验 题 网 页 的 执行 界面 
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据 访问 啦 ! 


浏览 器 业务 逻辑 与 数据 访问 层 数据 层 


客户 端 Web 服 务 器 数据 库 服务 器 


数据 库 概述 

AD0. NET 模 型 

AD0. NET 的 数据 访问 对 象 
DataSet 对 象 


-=< 一 一 一 
ee 


10.1 数据 库 概 述 


知识 梳理 


关系 数据 库 的 基本 概念 


结构 化 查询 语言 


10.1.1 关系 数据 库 的 基本 概念 


数据 库 用 于 存储 结构 化 数据 。 数 据 组 织 有 多 种 数据 模型 ,目前 主要 的 数据 模型 是 关系 数 
据 模 型 ,以 关系 模型 为 基础 的 数据 库 就 是 关系 数据 库 。 
关系 数据 库 以 表 的 形式 ( 即 关 系 ) 组 织 数 据 。 关 系数 据 库 以 关系 的 数学 理论 为 基础 。 在 关 
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系数 据 库 中 ,用 户 可 以 不 必 关 心 数据 的 存储 结构 ,同时 ,关系 数据 库 的 查询 可 用 高 级 语言 来 描 
述 ,这 大 大 提高 了 查询 效率 。 下 面 讨论 关系 数据 库 的 基本 术语 。 


表 : 表 用 于 存储 数据 , 它 以 行列 方式 组 织 , 可 以 使 用 SQL 从 中 获取 、 修 改 和 删除 数据 。 
表 是 关系 数据 库 的 基本 元 素 。 表 在 现实 生活 中 随处 可 见 , 如 职工 表 、 学 生 表 和 统计 表 
等 。 表 具有 直观 ,方便 和 简单 的 特点 。 

记录 : 记录 是 指 表 中 的 一 行 ,在 一 般 情 况 下 ,记录 和 行 的 意思 是 相同 的 。 

字段 : 字段 是 表 中 的 一 列 , 在 一 般 情 况 下 ,字段 和 列 所 指 的 内 容 是 相同 的 。 

关系 : 关系 是 一 个 从 数学 中 来 的 概念 ,在 关系 代数 中 ,关系 是 指 二 维 表 , 表 既 可 以 用 来 
表示 数据 ,也 可 以 用 来 表示 数据 之 间 的 联系 。 

索引 : 索引 是 建立 在 表 上 的 单独 的 物理 数据 库 结构 ,基于 索引 的 查询 使 数据 获取 更 为 
快捷 。 索 引 是 表 中 的 一 个 或 多 个 字段 ,索引 可 以 是 唯一 的 ,也 可 以 是 不 唯一 的 ,主要 是 
看 这 些 字段 是 否 人 允许 重复 。 主 索引 是 表 中 的 一 列 和 多 列 的 组 合 , 作 为 表 中 记录 的 唯一 
标识 。 外 部 索引 是 相关 联 的 表 的 一 列 或 多 列 的 组 合 , 通 过 这 种 方式 来 建立 多 个 表 之 间 
的 联系 。 

视图 : 视图 是 一 个 与 真实 表 相 同 的 虚拟 表 , 用 于 限制 用 户 可 以 看 到 和 修改 的 数据 量 ， 
从 而 简化 数据 的 表达 。 

存储 过 程 : 存储 过 程 是 一 个 编译 过 的 SQL 程序 。 在 该 过 程 中 可 以 嵌入 条 件 迎 辑 、 传 递 
参数 .定义 变量 和 执行 其 他 编程 任务 。 


10.1.2 结构 化 查询 语言 


结构 化 查询 语言 (SQL) 是 目前 各 种 关系 数据 库 管 理 系统 广泛 采用 的 数据 库 语 言 ,很 多 数 
据 库 和 软件 系统 都 支持 SQL 或 提供 SQL 语言 接口 。 

注意 : 本 章 和 第 11 章 以 第 2 章 创建 的 school 数据 库 及 其 数据 表 为 例 讨 论 ASP .NET 数 
据 库 编程 。 


1 


SQL 语言 的 组 成 


SQL 语言 包含 查询 ,操纵 、 定 义 和 控 制 等 几 个 部 分 。 它 们 都 是 通过 命令 动词 分 开 的 ,各 种 
语句 类 型 对 应 的 命令 动词 如 下 : 


2. 


数据 查询 的 命令 动词 为 SELECT; 

数据 定义 的 命令 动词 为 CREATE、DROP; 

数据 操纵 的 命令 动词 为 INSERT、UPDATE、DELETE; 
数据 控制 的 命令 动词 为 GRANT REVOKE。 

数据 定义 语言 


(1) CREATE 语句 
CREATE 语句 用 于 建立 数据 表 , 其 基本 格式 如 下 : 


CRERTE TABLE 表 名 
( 列 名 1 数据 类 型 1 [NULL | NOT NULL] [PRIMARY KEY | UNIQUE] 
[, 列 名 2 数据 类 型 2 [NOT NULL]]…) 


例如 ,创建 school 数据 库 中 student 表 对 应 的 SQL 语句 如 下 : 


CREATE TABLE student 
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( 学 号 int NOT NULL PRIMARY KEY, /* 学 号 字段 为 主键 * / 
姓名 CHAR(10)， 
性 别 ChAR(2)， 
民族 CHAR(10)， 
班 号 CHAR(10)) 
(2) DROP 语句 


DROP 语句 用 于 删除 数据 表 , 其 基本 格式 如 下 : 


DROP TRBLE 表 名 


3. 数据 操纵 语言 
(1) INSERT 语句 
INSERT 语句 用 于 在 一 个 表 中 添加 新 记录 ,然后 给 新 记录 的 字段 赋值 。 其 基本 格式 如 下 ， 
INSERT INTO 表 名 [( 列 名 1[, 列 名 2，…])] 
VaLUES( 表 达 式 1[ ,表达 式 2，…]) 
(2) UPDATE 语句 
UPDATE 语句 用 于 新 的 值 更 新 表 中 的 记录 。 其 基本 格式 如 下 : 
UPDATE 表 名 
SET 列 名 1 = 表达 式 1 
[,SET 列 名 2 = 表达 式 2] … 
WHERE 条 件 表达 式 
(3) DELETE 语句 
DELETE 语句 用 于 删除 记录 ,其 基本 格式 如 下 : 


DELETE FROM 表 名 
[WHERE 条 件 表达 式 ] 


4. 数据 查询 语句 

SQL 的 数据 查询 语句 是 使 用 很 频繁 的 语句 。SELECT 的 基本 格式 如 下 : 

SELECT 字段 表 

FORM 表 名 

WHERE 查询 条 件 

GROUP BY 分 组 字段 

HAVING 分 组 条 件 

ORDER BY 字段 [ASC|DESC] 

各 子 句 的 功能 如 下 : 

。 SELECT: 指定 要 查询 的 内 容 。 

。 FORM: 指定 从 其 中 选 定 记录 的 表 名 。 

。 WHERE: 指定 所 选 记录 必须 满足 的 条 件 。 

。 GROUP BY: 把 选 定 的 记录 分 成 特定 的 组 。 

。 HAVING: 说 明 每 个 组 需要 满足 的 条 件 。 

。 ORDER BY: 按 特定 的 次 序 将 记录 排序 。 

其 中 ,在 “字段 表 ”中 可 使 用 聚合 函数 对 记录 进行 合计 , 它 返 回 一 组 记录 的 单一 值 ,常见 的 
聚合 函数 如 表 10. 1 所 示 。“ 查 询 条 件 ” 由 常量 .字段 名 .逻辑 运算 符 、 关 系 运算 符 等 组 成 ,其 中 
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的 关系 运算 符 如 表 10. 2 所 示 。 


表 10.1 常见 的 聚合 函数 


函数 名 说 明 函数 名 说 明 

AVG 返回 特定 字段 中 值 的 平均 数 MAX 返回 特定 字段 中 的 最 大 值 
COUNT 返回 选 定 记录 的 个 数 MIN 返回 特定 字段 中 的 最 小 值 
SUM 返回 特定 字段 中 所 有 值 的 总 和 


表 10.2 关系 运算 符 


符 号 说 明 符 号 说 明 
= 小 于 过 二 小 于 等 于 
> 大 于 >= 大 于 等 于 
等 于 <> 不 等 于 
IN (一 组 值 ) 在 一 组 值 中 LIKE* 与 一 个 通配符 匹配 


BETWEEN 值 ] AND 值 2 在 两 数值 之 间 


* 通配符 可 使 用 “?” 代 表 一 个 字符 位 ,“%” 代 表 零 个 或 多 个 字符 位 。 


【 练 一 练 】 以 school 数据 库 为 例 , 设 计 满足 如 下 功能 的 SQL 语句 : 

(1) 查询 student 表 中 15002 班 所 有 学 生 记 录 。 

(2) 查询 所 有 学 生 的 学 号 、 姓 名 ,课程 名 和 分 数 。 

(3) 查询 所 有 学 生 的 学 号 、 姓 名 ,课程 名 和 分 数 , 要 求 按 课程 名 排序 。 

(4) 查询 分 数 在 80 一 90 之 间 的 所 有 学 生 的 学 号 、 姓 名、 课程 名 和 分 数 ,并 按 分 数 递减 排列 。 
(5) 查询 每 个 班 每 门 课程 的 平均 分 。 

(6) 查询 最 高 分 的 学 生 姓名 和 班 号 。 

其 设计 步骤 如 下 : 

@ 启动 SQL Server 2012。 

@ 单 击 工 具 栏 中 的 到 按钮 .在 出 现 的 编辑 窗口 中 输入 实现 功能 (1) 的 SQL 语句 : 
USE school /* 指定 school 数据 库 * / 

SELECT * FROM student WHERE 班 号 = '15002" 

单 击 基线 殉 按钮 ,其 执行 结果 如 图 10. 1 所 示 。 

@ 实现 功能 (2) 的 SQL 语句: 


USE school 

SELECT student. 学 号 , student. 姓名 ,course. 课程 名 , score. 分 数 
FROM student, course, score 

WHERE student. 学 号 = score. 学 号 AND course. 课程 号 = score. 课 程 号 


其 执行 结果 如 图 10. 2 所 示 。 
@ 实现 功能 (3) 的 SQL 语句 : 


USE school 

SELECT student. 学 号 , student. 姓名 , course. 课程 名 , score. 分 数 
FROM student, course, score 

WHERE student. 学 号 = score. 学 号 AND course. 课 程 号 = score. 课 程 号 
ORDER BY course. 课程 名 
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EPLIRET 
学 号 姓名 课程 名 分数 
1 用 .于 华 [c 洒 言 名 
2 1 王 华 数据 结构 83 
A > 孙 丽 5 语言 mm 
4 孙 丽 数据 结构 S52 
5 3 李兵 5 语言 TB 
8 3 李兵 数据 结构 To 
rf 6 张 军 5 语言 90 
8 5 张 军 数据 结构 又 
9 8 马 棋 5 语言 6 
10 8 马 棋 数据 结构 T9 


图 10.1 功能 (1) 的 执行 结果 图 10.2 功能 (2) 的 执行 结果 


其 执行 结果 如 图 10. 3 所 示 。 
@ 实现 功能 (4) 的 SQL 语句 : 


USE school 

SELECT student. 学 号 , student. 姓名 , course. 课程 名 , score. 分 数 

FROM student, course, score 

WHERE student. 学 号 = score. 学 号 AND course. 课 程 号 = score. 课程 号 
AND student. 学 号 = score. 学 号 AND score. 分 数 BETWEEN 80 AND 90 

ORDER BY score. 分 数 DESC 


其 执行 结果 如 图 10.4 所 示 。 


课程 名 分 数 

5 语言 80 

Cc 语言 To 

Cc 语 言 了 

Cc 语言 90 

[语言 88 国 结果 

数据 结构 83 学 号 。” 姓名 课程 名 。 分 数 

数据 结构 。 52 1 cg 言 。 % 

数据 结构 To el 马 棋 ”Cc 语言 88 

瘦 据 结构 。 绽 re 王 华 。 数据 结构 “3 

数据 结构 Te i 1 王 华 5 语言 6 
图 10.3 功能 (3) 的 执行 结果 图 10.4 功能 (4) 的 执行 结果 


@ 实现 功能 (5) 的 SQL 语句 : 


USE school 

SELECT student. 班 号 , course. 课程 名 ,RVG(score. 分数 ) RS 平均 分 " 
FROM student, course, Score 

WHERE student. 学 号 = score. 学 号 AND course. 课 程 号 = score. 课程 号 
GROUP BY student. 班 号 ,course. 课程 名 


其 执行 结果 如 图 10. 5 所 示 。 

@ 实现 功能 (6) 的 SQL 语句 : 

SELECT student. 姓名 , student. 班 号 ,course. 课程 名 ,score. 分数 
USE school 


FROM student, course, score 
WHERE student. 学 号 = score. 学 号 AND course. 课 程 号 = score. 课程 号 
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RND score. 分数 = 
(SELECT MAX( 分 数 ) FROM score) 


其 执行 结果 如 图 10.6 所 示 。 


国 结果 
班 号 课程 名 平均 分 
1 5 语言 82 
2 [| 9 EE [ET 
3 15001 。 ”数据 结构 81. 6666668666667 | 姓名 班 号 课程 名 分 数 
4 15002 。 数据 结构 。 65.5 1 加 15001 。 数据 结构 。 92 
图 10.5 功能 (5) 的 执行 结果 图 10.6 功能 (6) 的 执行 结果 
10.2 ADO .NET 模型 
知识 梳理 


ADO.NET 模 型 简介 


ADO.NET 数 据 库 的 访问 流程 


10.2.1 ADO .NET 模型 简介 


在 SQL Server 中 访问 自己 所 建立 的 数据 库 是 十 分 方便 的 ,但 是 如 何 从 外 部 访问 SQL 
Server 数据 库 呢 ? 为 此 人 们 提出 了 各 种 数据 库 的 访问 模型 ,ADO .NET 是 微软 公司 的 新 一 
代 .NET 数据库 访问 模型 , 它 是 目前 数据 库 程 序 设 计 师 用 来 开发 数据 库 应 用 程序 的 主要 
接口 。 

ADO .NET 是 在 .NET Framework 上 访问 数据 库 的 一 组 类 库 , 它 利用 .NET Data 
Provider( 数 据 提供 程序 ) 以 进行 数据 库 的 连接 与 访问 ,通过 ADO .NET, 数 据 库 程序 设计 人 员 
能 够 很 轻易 地 使 用 各 种 对 象 来 访问 符合 自己 需求 的 数据 库 内 容 。 换 句 话 说 ,ADO .NET 定义 
了 一 个 数据 库 访问 的 标准 接口 ,提供 数据 库 管理 系统 的 各 个 厂商 可 以 根据 此 标准 开发 对 应 的 
.NET Data Provider, 这 样 编写 数据 库 应 用 程序 的 人 员 不 必 了 解 各 类 数据 库 底层 运作 的 细节 ， 
只 要 学 会 ADO .NET 所 提供 对 象 的 模型 , 便 可 轻易 地 访问 所 有 支持 .NET Data Provider 的 
数据 库 。 

ADO .NET 是 应 用 程序 和 数据 源 之 间 沟 通 的 桥梁 。 通 过 ADO .NET 所 提供 的 对 象 ,再 
配合 SQL 语句 就 可 以 访问 数据 库 中 的 数据 ,而 且 凡 是 能 通过 ODBC 或 OLEDB 接口 访问 的 数 
据 库 (如 dBase、FoxPro、Excel、Access、SQL Server 和 Oracle 等 ), 也 可 通过 ADO .NET 来 
访问 。 

ADO .NET 主要 希望 在 处 理 数据 的 同时 ,不 要 一 直 和 数据 库 联 机 ,而 发 生 一 直 占 用 系统 
资源 的 现象 。 为 了 解决 此 问题 ,ADO .NET 将 访问 数据 和 数据 处 理 的 部 分 分 开 , 以 达到 离线 
访问 数据 的 目的 ,使 得 数据 库 能 够 运行 其 他 工作 。 

ADO .NET 模型 分 成 .NET Data Provider( 数 据 提供 程序 ) 和 DataSet 数据 集 ( 数 据 处 理 
的 核心 ) 两 大 主要 部 分 ,其 中 包含 的 主要 组 件 及 其 关系 如 图 10.7 所 示 。 


306 电子 商务 网 站 开发 教程 一 一 基于 C# 十 ASP .NET 


应 用 程序 


数据 集 DataSet 对 象 
负责 在 内 存 存 储 数据 集 
ee ee | 
Command 对 象 DataReader 对 象 DataAdapter 对 象 
负责 对 数据 库 执行 命令 | ”| 负责 对 数据 库 执行 命令 | | 负责 数据 集 和 数据 库 的 联系 
下 


f 


Conneetion 对 象 
负责 数据 库 的 连接 


-一 | 


.NET 数 据 提供 程序 
[my 


图 10.7 ADO .NET 组 件 结构 模型 


1. .NET Data Provider 


.NET Data Provider 用 于 连接 到 数据 库 、 执 行 命令 和 检索 结果 。 可 以 直接 处 理 检索 到 的 
结果 ,或 将 其 放 入 ADO .NET DataSet 对 象 ,以 便 与 来 自 多 个 源 的 数据 或 在 层 之 间 进 行 远程 处 
理 的 数据 组 合 在 一 起 ,以 特殊 方式 向 用 户 公 开 。.NET Framework 数据 提供 程序 是 轻 量 的 , 它 
在 数据 源 和 代码 之 间 创 建 了 一 个 最 小 层 ,以 便 在 不 以 功能 为 代价 的 前 提 下 提高 性 能 。 

表 10. 3 给 出 了 .NET Data Provider 中 包含 的 4 个 核心 对 象 。 


表 10.3 .NET Data Provider 中 包含 的 4 个 核心 对 象 及 其 说 明 


对 象 说 明 
Connection ”提供 和 数据 源 的 连接 功能 
Command ”提供 运行 访问 数据 库 命 令 , 传 送 数 据 或 修改 数据 的 功能 ,例如 运行 SQL 命令 和 存储 过 程 等 
DataAdapter 是 DataSet 对 象 和 数据 源 间 的 桥梁 。DataAdapter 使 用 4 个 Command 对 象 来 运行 查询 、 新 
建 、 修 改 , 删 除 的 SQL 命令 ,把 数据 加 载 到 DataSet, 或 把 DataSet 内 的 数据 送 回 数据 源 
DataReader ”通过 Command 对 象 运行 SQL 查询 命令 取得 数据 流 ,以 便 进行 高 速 \ 只 读 的 数据 浏览 


通过 Connection 对 象 可 与 指定 的 数据 库 进行 连接 ; Command 对 象 用 来 运行 相关 的 SQL 
命令 (如 SELECT、INSERT、UPDATE 或 DELETE) ,以 读 取 或 修改 数据 库 中 的 数据 。 通 过 
DataAdapter 对 象 中 所 提供 的 4 个 Command 对 象 来 进行 离线 式 的 数据 访问 ,这 4 个 
Command 对 象 分 别 为 SelectCommand InsertCommand .UpdateCommand 和 DeleteCommand ,其 
中 SelectCommand 是 用 来 将 数据 库 中 的 数据 读 出 并 放 到 DataSet 对 象 中 ,以 便 进 行 离线 式 的 
数据 访问 ,至 于 其 他 3 个 命令 对 象 (InsertCommand、UpdateCommand 和 DeleteCommand) 则 
是 用 来 修改 DataSet 中 的 数据 ,并 写 回 数据 库 中 ; 通过 DataAdapter 对 象 的 Fill 方法 可 以 将 数 
据 读 到 DataSet 中 ; 通过 Update 方法 则 可 以 将 DataSet 对 象 的 数据 更 新 到 指定 的 数据 库 中 。 

在 使 用 程序 管理 数据 库 之 前 ,要 先 确 定 使 用 哪个 Data Provider( 数 据 提供 程序 ) 来 访问 数 
据 库 ,Data Provider 是 一 组 用 来 访问 数据 库 的 对 象 ,在 .NET Framework 中 常用 的 有 如 下 4 
组 数据 提供 程序 : 
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。 SQL .NET Data Provider: 支持 SQL Server 7.0 及 以 上 版 本 ,由 于 它 使 用 自己 的 通信 
协议 并 且 做 过 最 优化 ,所 以 可 以 直接 访问 SQL Server 数据 库 , 而 不 必 使 用 OLEDB 或 
ODBC( 开 放 式 数据 库 连 接 层 ) 接 口 , 因 此 效果 较 佳 。 若 程序 中 使 用 SQL .NET Data 
Provider, 则 该 ADO .NET 对 象 名 称 之 前 都 要 加 上 Sql, 如 SqlConnection SqlCommand、 
SqlDataReader 和 SqlDataAdapter 等 。 在 所 有 使 用 SQL .NET Data Provider 的 网 页 
中 ,其 引用 部 分 应 添加 using System. Data. SqlClient 语句 。 

。 OLEDB .NET Data Provider: 支持 通过 OLEDB 接口 来 访问 如 dBase、FoxPro、Excel 
和 Access 等 各 类 型 数据 源 。 程 序 中 若 使 用 OLEDB .NET Data Provider, 则 ADO .NET 
对 象 名 称 之 前 要 加 上 OleDb, 如 OleDbConnection、OleDbCommand、OleDbDataReader 和 
OleDbDataAdapter 等 。 在 所 有 使 用 OLEDB .NET Data Provider 的 网 页 中 ,其 引用 部 
分 应 添加 using System. Data. OleDb 语句 。 

。 ODBC .NET Data Provider: 支持 通过 ODBC 接口 来 访问 如 dBase、 FoxPro、 Excel、 
Access、Oracle 以 及 SQL Server 等 各 类 型 数据 源 。 程 序 中 车 使 用 ODBC .NET Data 
Provider, 则 ADO .NET 对 象 名 称 之 前 要 加 上 Odbc, 如 OdbcConnection、OdbcCommand、 
OdbcDataReader 和 OdbcDataAdapter 等 。 在 所 有 使 用 OLEDB .NET Data Provider 
的 网 页 中 ,其 引用 部 分 应 添加 using System. Data.Odbec 语句 。 

。ORACLE .NET Data Provider: 支持 通过 ORACLE 接口 来 访问 ORACLE 数据 源 。 
程序 中 车 使 用 ORACLE .NET Data Provider, 则 ADO .NET 对 象 名 称 之 前 要 加 上 
Oracle, 如 OracleConnection .OracleCommand 、OracleDataReader 和 OracleDataAdapter 等 。 
在 所 有 使 用 OLEDB .NET Data Provider 的 网 页 中 ,其 引用 部 分 应 添加 using System. 
Data，OracleClient 语句 。 

从 以 上 介绍 看 到 ,访问 SQL Server 数据 库 ,可 以 使 用 SQL .NET Data Provider 和 ODBC 
.NET Data Provider, 但 前 者 可 以 直接 访问 SQL Server 数据 库 , 若 使 用 后 者 ,还 需 建 立 SQL 
Server 数据 库 对 应 的 ODBC 数据 源 。 本 书 主要 介绍 使 用 SQL .NET Data Provider 直接 访问 
SQL Server 数据 库 的 方法 。 

2. DataSet 


DataSet( 数 据 集 ) 是 ADO .NET 离线 数据 访问 模型 中 的 核心 对 象 ,主要 使 用 时 机 是 在 内 
存 中 暂 存 并 处 理 各 种 从 数据 源 中 所 取 回 的 数据 。DataSet 其 实 就 是 一 个 存放 在 内 存 中 的 数据 
暂 存 区 ,这 些 数据 必须 通过 DataAdapter 对 象 与 数据 库 进 行 数据 交换 。 在 DataSet 内 部 允许 
同时 存放 一 个 或 多 个 不 同 的 数据 表 (Data Table) 对 象 。 这 些 数据 表 是 由 数据 列 和 数据 域 所 组 
成 的 ,并 包含 有 主 索 引 键 , 外 部 索引 键 , 数 据 表 间 的 关系 信息 以 及 数据 格式 的 条 件 限制 。 

DataSet 的 作用 像 内 存 中 的 数据 库 管理 系统 ,因此 在 离线 时 ,DataSet 也 能 独自 完成 数据 
的 新 建 ,修改 、 删 除 、 查 询 等 操作 ,而 不 必 一 直 局 限 在 和 数据 库 联 机 时 才能 做 数据 维护 的 工作 。 
DataSet 可 以 用 于 访问 多 个 不 同 的 数据 源 、XML 数据 或 作为 应 用 程序 暂 存 系统 状态 的 暂 
存 区 。 

数据 库 通 过 Connection 对 象 连 接 后 , 便 可 以 通过 Command 对 象 将 SQL 语法 (如 
INSERT、UPDATE、DELETE 或 SELECT) 交 由 数据 库 引 擎 (如 SQL Server) 运 行 ,并 通过 
DataAdapter 对 象 将 数据 查询 的 结果 存放 到 离线 的 DataSet 对 象 中 ,进行 离线 数据 修改 ,对 降 
低 数 据 库 联 机 负担 具有 极 大 的 帮助 。 至 于 数据 查询 部 分 ,还 通过 Command 对 象 设置 
SELECT 查询 语法 和 Connection 对 象 设置 数据 库 连接 ,运行 数据 查询 后 利用 DataReader 对 
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象 , 以 只 读 的 方式 逐步 从 前 向 后 浏览 记录 。 
10.2.2 ADO .NET 数据 库 的 访问 流程 


ADO .NET 访问 SQL Server 数据 库 的 一 般 流 程 如 下 : 

@ 建立 SqlConnection 对 象 , 创 建 一 个 数据 库 连 接 。 

@ 在 建立 连接 的 基础 上 可 以 使 用 SqlCommand 对 象 对 数据 库 发 送 查询 .新 增 、 修 改 和 删 
除 等 命令 。 

@ 如 果 只 需要 一 行 一 行 地 读 记录 ,创建 SqlDataReader 对 象 ,然后 读 出 记录 显示 在 网 页 相 
关 控 件 中 , 转 步 又 @; 否则 转 步 又 @。 

@ 创建 SqlDataAdapter 对 象 ,从 数据 库 中 取得 数据 。 

@ 创建 DataSet 对 象 ,将 SqlDataAdapter 对 象 填充 到 DataSet 对 象 (数据 集 ) 中 。 然 后 对 
DataSet 对 象 中 的 数据 进行 相应 处 理 , 将 结果 显示 在 网 页 相关 控件 中 。 

@ 关闭 数据 库 。 

上 述 过 程 如 图 10. 8 所 示 。 因 为 一 个 DataSet 对 象 可 以 容纳 多 个 数据 集 ,如 果 需 要 ,上 述 
部 分 过 程 可 以 重复 操作 。 


E © @ 
数据 库 | sqlcomnection | <—> 


图 10.8 ADO .NET 访问 SQL Server 数据 库 的 一 般 流程 


10.3 ADO .NET 的 数据 访问 对 象 


知识 梳理 


SqlConnection 对 象 


SqlCommand 对 象 


ADO.NET 的 数据 访问 对 象 


SqlDataReader 对 象 


SqlDataAdapter 对 象 
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10.3.1 SqlConnection 对 象 


ADO .NET 的 数据 访问 对 象 有 SqlConnection、SqlCommand、SqlDataReader 和 SqlDataAdapter 
等 。 这 里 先 介绍 SqlConnection 对 象 。 
在 数据 访问 中 首先 必须 是 建立 数据 库 的 物理 连接 。SQL .NET Data Provider 使 用 
SqlConnection 类 对 象 标识 与 一 个 数据 库 的 物理 连接 。 
1. SqlConnection 对 象 的 属性 和 方法 
SqlConnection 对 象 的 常用 属性 如 表 10. 4 所 示 。State 枚 举 成 员 值 如 表 10. 5 所 示 。 其 常 
用 的 方法 如 表 10.6 所 示 。 
表 10.4 SqlConnection 对 象 的 常用 属性 及 其 说 明 
属 性 说 明 
ConnectionString 。 ”获取 或 设置 用 于 打开 数据 库 的 字符 串 
ConnectionTimeout ”获取 在 尝试 建立 连接 时 终止 尝试 并 生成 错误 之 前 所 等 待 的 时 间 


Database 获取 当前 数据 库 或 连接 打开 后 要 使 用 的 数据 库 的 名 称 

DataSource 获取 数据 源 的 服务 器 名 或 文件 名 

Provider 获取 在 连接 字符 串 的 "Provider 二 " 子 句 中 指定 的 SQL 提供 程序 的 名 称 

State 获取 所 建 连接 的 当前 状态 。 其 取 值 及 其 说 明 如 表 10. 5 所 示 , 这 些 枚 举 成 员 值 位 于 


System. Data 命名 空间 


表 10.5 State 枚 举 成 员 值 


枚 举 成 员 说 有 明 

Broken 与 数据 源 的 连接 中 断 。 只 有 在 连接 打开 之 后 才 可 能 发 生 这 种 情况 。 可 以 关闭 处 于 这 种 
状态 的 连接 ,然后 重新 打开 

Closed 连接 处 于 关闭 状态 


Connecting 连接 对 象 正在 与 数据 源 连接 
Executing 连接 对 象 正在 执行 命令 
Fetching 连接 对 象 正在 检索 数据 
Open 连接 处 于 打开 状态 


表 10.6 ”SqlConnection 对 象 的 常用 方法 及 其 说 明 


方 法 说 明 
Open 使 用 ConnectionString 所 指定 的 属性 设置 打开 数据 库 连 接 
Close 关闭 与 数据 库 的 连接 。 这 是 关闭 任何 打开 连接 的 首选 方法 
CreateCommand 创建 并 返回 一 个 与 SqlConnection 关联 的 SqlCommand 对 象 
ChangeDatabase 为 打开 的 SqllConnection 更 改 当 前 数据 库 


2. 设置 SqlConnection 对 象 的 连接 字符 串 ConnectionString 属性 

创建 连接 需要 使 用 SqlConnection 对 象 ,最 重要 的 是 设置 SqlConnection 对 象 的 
ConnectionString 连接 字符 串 属性 。 建 立 连接 字符 串 的 方式 是 ,创建 一 个 SqlConnection 对 
象 ,将 ConnectionString 属性 设置 为 如 下 值 (SQL Server 采用 Windows 身份 验证 模式 ): 


Data Source = LCB— PC; Initial Catalog = school; Integrated Security = True 
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如 果 SQL Server 采用 SQL Server 身份 验证 模式 ,登录 账户 为 sa, 密码 为 12345, 则 
ConnectionString 属性 设置 为 如 下 值 : 
"Data Source = localhost; Initial Catalog = Stud; 
Integrated Security = False;User Id= sa;Password= 12345" 
ConnectionString 属性 中 的 常用 的 关键 字 值 有 效 名 称 如 下 : 

。 Data Source( 或 Server 或 Address) : 要 连接 的 SQL Server 实例 名 称 或 服务 器 名 称 。 

。 JInitial Catalog( 或 Database) : 连接 的 数据 库 的 名 称 。 

。 Integrated Security: 当 为 False( 默 认 值 ) 时 ,将 在 连接 中 指定 用 户 ID 和 密码 。 当 为 
True 时 ,将 使 用 当前 的 Windows 账户 凭据 进行 身份 验证 。 可 识别 的 值 为 True、 
False、yes、no 以 及 与 True 等 效 值 。 

。 User ID: SQL Server 登录 账户 。 

。 Password( 或 Pwd): SQL Server 账户 登录 的 密码 。 

在 指定 连接 字符 串 后 ,最 后 用 Open 方法 打开 连接 。 

【 练 一 练 】 在 DD 盘 的 电子 商务 目录 中 建立 一 个 CH10 的 子 目录 ,将 其 作为 网 站 目录 , 设 

计 一 个 webforml 网 页 ,其 功能 是 说 明 创建 连接 的 方法 。 
其 设计 步骤 如 下 : 
Q@ 打开 CH10 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 
现 “ 添 加 新 项 -CH10” 对 话 框 ,在 中 间 列 表 中 选择 “Web 窗 体 ”， 
将 文件 名 称 改 为 webforml. aspx, 其 他 保持 默认 项 , 单 击 “ 添 
时 加 ”按钮 。 
@ 其 设计 界面 如 图 10.9 所 示 , 其 中 包含 一 个 Buttonl 控 
图 10.9 webforml 网 页 设计 界面 ” 件 和 一 个 标签 Labell 。 在 该 网 页 上 设计 如 下 事件 过 程 : 


[Labell] 


using System. Data. SqlClient; 
protected void Buttonl_Click(object sender, EventArgs e) 
{ string mystr; 
SqlConnection myconn = new SqlConnection(); 
mystr = "Data Source = LCB - PC; Initial Catalog = school; Integrated Security = True"; 
myconn. ConnectionString = mystr; 
myconn. Open( ) 
if (myconn. State == System. Data.ConnectionState. Open) 
Labell. Text = "成 功 连接 到 SQL Server 数据 库 "; 
else 
Labell. Text = "不 能 连接 到 SQL Server 数据 库 "; 
myconn. Close( ); 


} 

注意 : 在 本 网 页 和 后 面 所 有 示例 中 的 后 台 代 码 引 用 部 
分 添加 语句 “using System. Data. SqlClient;”。 

@ 单 击 工具 栏 中 的 * Internet Explorer 按钮 执行 本 网 页 ， 
单 击 “ 连 接 ” 按 钮 ,其 执行 结果 如 图 10. 10 所 示 ,表示 成 功 连 
接 到 school 数据 库 。 

3. 将 连接 字符 串 存放 在 web. config 文件 中 

可 以 在 web. config 文件 中 保存 用 于 连接 数据 库 的 连 图 10.10 webforml 网 页 运行 界面 


图 |@@ rupy/ocahostess2 P - © 
愿 Ilocalhost x 


连接 


成 功 连接 到 SQL Server 数 据 库 
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接 字符 串 , 再 通过 对 web. config 文件 加 密 , 从 而 达到 保护 连接 字符 串 的 目的 。 例 如 ,在 
二 configuration 记 节 中 插入 以 下 代码 : 
< connectionStrings> 
<add name = "myconnstring" 
connectionString = "Data Source = LCB— PC; Initial Catalog = school; 
Integrated Security = True" 
providerName = "System. Data. SqlClient" /> 
</connectionStrings> 
这 样 , 以 下 代码 自动 获取 web. config 文件 中 的 连接 字符 串 myconnstring 并 打开 连接 ,后 
面 的 示例 均 采用 这 种 方法 : 
string mystr = System. Configuration. ConfigurationManager. 
ConnectionStrings[ "myconnstring"]. ToString(); 
SqlConnection myconn = new SqlConnection(); 


myconn. ConnectionString = mystr; 


myconn. Open( ); 


10.3.2 SqlCommand 对 象 


建立 数据 连接 之 后 ,就 可 以 执行 数据 访问 操作 和 数据 操纵 操作 了 。 一 般 对 数据 库 的 操作 
被 概括 为 CRUD 一 一 Create、Read、Update 和 Delete。 在 ADO .NET 中 定义 SqlCommand 类 
对 象 去 执行 这 些 操作 。 

1. SqlCommand 对 象 的 属性 和 方法 


SqlCommand 对 象 有 自己 的 属性 ,其 属性 包含 对 数据 库 执行 命 令 所 需要 的 全 部 信息 ,通常 
包括 以 下 内 容 : 
。 一 个 连接 : 命令 引用 一 个 连接 ,使 用 它 与 数据 库 通信 。 
。 命令 的 名 称 或 文本 : 包含 某 SQL 语句 的 实际 文本 或 要 执行 存储 过 程 的 名 称 。 
。 命令 类 型 : 指明 命令 的 类 型 ,如 命令 是 存储 过 程 还 是 普通 的 SQL 文本 。 
。 参数 : 命令 可 能 要 求 随 命令 传递 参数 ,命令 还 可 能 返回 值 或 通过 输出 参数 的 形式 返 
回 值 。 每 个 命令 都 有 一 个 参数 集合 ,可 以 分 别 设置 或 读 取 这 些 参数 以 传递 或 接 
受 值 。 
SqlCommand 对 象 的 常用 属性 如 表 10.7 所 示 ,CommandType 枚 举 成 员 值 及 说 明 如 表 10.8 
所 示 ,其 常用 方法 如 表 10. 9 所 示 。 
表 10.7 SqlCommand 对 象 的 常用 属性 及 其 说 明 


属 性 说 明 
CommandText 获取 或 设置 要 对 数据 源 执行 的 SQL 语句 或 存储 过 程 
CommandTimeout 获取 或 设置 在 终止 执行 命令 的 尝试 并 生成 错误 之 前 的 等 待 时 间 
CommandType 获取 或 设置 一 个 值 , 该 值 指 示 如 何 解释 CommandText 属性 。 其 取 值 如 表 10. 8 所 示 
Connection 获取 或 设置 SqlCommand 的 此 实例 使 用 的 SqlConnection 
Parameters 参数 集合 (SqlParameterCollection) 
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表 10.8 ”CommandType 枚 举 成 员 值 


枚 举 成 员 说 明 
StoredProcedure “CommandType 属性 应 设置 为 存储 过 程 的 名 称 。 如 果 存 储 过 程 名 称 包 含 任何 特殊 字符 , 则 
可 能 会 要 求 用 户 使 用 转 义 符 语法 。 当 调用 Execute 方法 之 一 时 ,该 命令 将 执行 此 存储 过 程 
TableDirect CommandType 属性 应 设置 为 要 访问 的 表 的 名 称 。 当 调用 Execute 方法 之 一 时 ,将 返回 命 
名 表 的 所 有 行 和 列 
Text SQL 文本 命令 (默认 )。 不 支持 在 向 通过 Text 的 CommandType 调用 的 SQL 语句 或 存储 
过 程 传递 参数 时 使 用 问号 (?) 占 位 符 。 在 这 种 情况 下 ,必须 使 用 命名 的 参数 


表 10.9 SqlCommand 对 象 的 常用 方法 及 其 说 明 


方法 说 明 
CreateParameter 创建 SqlParameter 对 象 的 新 实例 
ExecuteNonQuery 针对 Connection 执行 SQL 语句 并 返回 受 影响 的 行 数 
ExecuteReader 将 CommandText 发 送 到 Connection 并 生成 一 个 SqlDataReader 
ExecuteScalar 执行 查询 ,并 返回 查询 所 返回 的 结果 集中 第 一 行 的 第 一 列 ,而 忽略 其 他 列 或 行 


2. 创建 SqlCommand 对 象 
SqlCommand 对 象 的 主要 构造 函数 如 下 : 


SqlCommand( ); 

SqlCommand(cmdText) ; 

SqlCommand( cmdText, connection) 
其 中 ,cmdText 参数 指定 查询 的 文本 。connection 参数 是 一 个 SqlConnection ,表示 到 SQL 
Server 数据 库 的 连接 。 例 如 ,以 下 语句 创建 一 个 SqlCommand 对 象 mycmd: 

SqlConnection myconn = new SqlConnection(); 

string mystr = System.Configuration.ConfigurationManager. 

ConnectionStrings[ "myconnstring"]. ToString(); 


myconn. ConnectionString = mystr; 


myconn. Open( ); 

SqlCommand mycmd = new SqlCommand("SELECT * FROM student",myconn); 

3. 通过 SqlCommand 对 象 返 回 单个 值 

在 SqlCommand 的 方法 中 ,ExecuteScalar 方法 执行 返回 单个 值 的 SQL 命令 。 例 如 ,如 果 
想 获 取 student 表 中 学 生 的 总 人 数 , 则 可 以 使 用 这 个 方法 执行 SQL 查询 命令 “SELECT Count 
(*) FROM student”。 

【 练 一 练 】 在 本 章 CH10 网 站 中 添加 一 个 webform2 网 页 ,其 功能 是 求 student 表 中 指定 

班 的 学 生 人 数 。 


Wo 其 设计 步骤 如 下 : 
2 Q@ 打开 CH10 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ， 
| 出 现 “ 添 加 新 项 -CH10” 对 话 框 ,在 中 间 列 表 中 选择 “Web 
Te 窗 体 ”, 将 文件 名 称 改 为 webform2. aspx, 其 他 保持 默认 
; 项 , 单 击 “ 添 加 ”按钮 。 


10. 11 ”webform2 网 页 的 设计 界面 @ 其 设计 界面 如 图 10. 11 所 示 , 其 中 包含 一 个 HTML 
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文字 .一 个 文本 框 TextBox1. 一 个 Buttonl 控件 和 一 个 标签 Labell 。 在 该 网 页 上 设计 如 下 事件 
过 程 : 


protected void Buttonl Click(object sender, EventArgs e) 
{ stringmystr, mysql; 
int rs; 
SqlConnection myconn = new SqlConnection(); 
SqlCommand mycmd = new SqlCommand(); 
mystr = System.Configuration.ConfigurationManager. 
ConnectionStrings[ "myconnstring"]. ToString(); 
myconn. ConnectionString = mystr; 
myconn. Open( ); 
mysql = "SELECT COUNT( x ) FROM student WHERE 班 号 = '” + TextBoxl.Text.Trim() + """; 
mycmd. CommandText = mysql; 
mycmd, Connection = myconn; 
rs = int.Parse(mycmd. ExecuteScalar().ToString()); 
if (rs == 0) 
Labell. Text = "你 输入 的 班 号 不 存在 "; 
else 
Labell. Text = TextBoxl.Text.Trim() + " 班 人 数 为 " + rs.ToString(); 
myconn. Close( ); 


} 

上 述 代 码 先 建立 连接 myconn, 然 后 创建 SglCommand 对 象 mycmd, 并 设置 要 执行 的 SQL 
语句 。 再 使 用 mycmd 对 象 的 ExecuteScalar 方法 返回 聚合 函数 的 执行 结果 , 即 指定 班 的 学 生 
人 数 , 它 是 单个 值 。 最 后 关闭 连接 。 

@ 单 击 工具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ， 


输入 班 号 为 15002, 单 击 “ 求 人 数 ” 按 钮 ,其 执行 结果 如 | vpnocalhost essa Pp ~ d 
图 10. 12 所 示 。 : ee x 


4. 通过 SqlCommand 对 象 执行 更 新 操作 

在 SqlCommand 的 方法 中 ,ExecuteNonQuery 方法 执 下 人 六 
行 不 返回 结果 的 SQL 命令 。 该 方法 主要 用 来 更 新 数据 ， 有 | 15o02 班 人 数 为 2 
通常 使 用 它 来 执行 UPDATE .INSERT 和 DELETE 语句 。 = 
该 方法 不 返回 行 ,对 于 UPDATE 、INSERT 和 DELETE 语 图 10.12 webform2 网 页 的 执行 界面 
句 , 返 回 值 为 该 命令 所 影响 的 行 数 ,对 于 所 有 其 他 类 型 的 语句 ,返回 值 为 一 1。 

【 练 一 练 】 在 本 章 CH10 网 站 中 添加 一 个 webform3 网 页 ,其 功能 是 说 明 通 过 SqlCommand 


对 象 执行 更 新 操作 的 方法 。 
其 设计 步骤 如 下 ， 
| @ 打开 CH10 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 
ee =- “添加 新 项 -CH10” 对 话 框 ,在 中 间 列表 中 选择 “Web 窗 体 ”, 将 文 
和 件 名 称 改 为 webform3. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ”按钮 。 
图 10.13 webform3 网 页 的 @ 其 设计 界面 如 图 10. 13 所 示 , 其 中 包含 一 个 Buttonl 控件 
要 全 下 本 和 一 个 标签 Labell 。 在 该 网 页 上 设计 如 下 事件 过 程 : 


protected void Button1_Click(object sender, EventArgs e) 
{ string mystr, mysql; 
SqlConnection myconn = new SqlConnection(); 
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SqlCommand mycmd = new SqlCommand(); 

mystr = System.Configuration.ConfigurationManager. 
ConnectionStrings[ "myconnstring" ]. ToString(); 

myconn. ConnectionString = mystr; 

myconn. Open( ); 

mysql = "INSERT INTO student VALUES(88, ' 许 涛 ', ' 男 ', ' 汉 族 ', '15005')"; 

mycmd. CommandText = mysql; 

mycmd. Connection = myconn; 

mycmd. ExecuteNonQuery( ); 

Labell.Text = "(1) 插 入 学 号 为 88 的 学 生 记录 < br >"; 

mysql = "DELETE student WHERE 学 号 = 88"; 

mycmd. CommandText = mysql; 

mycmd. Connection = myconn; 

mycmd. ExecuteNonQuery( ); 

Labell. Text += "(2) 删 除 学 号 为 88 的 学 生 记 录 "; 

myconn. Close( ); 


} 
上 述 代码 先 建立 连接 myconn, 然 后 创建 SqlCommand 对 象 mycmd, 并 设置 要 执行 的 
INSERT 语句 , 再 使 用 mycmd 对 象 的 ExecuteNonQnuery 方法 执行 该 INSERT 语句 ,在 
- student 表 中 插入 一 个 学 号 为 88 的 学 生 记 录 。 接 着 给 


@ I®) htpi/localhost6452 D ~ C mycmd 对 象 设置 新 的 DELETE 语句 ,同样 使 用 mycmd 对 
@ localhost 四 象 的 ExecuteNonQuery 方法 执行 该 DELETE 语句 ,删除 


插入 和 删除 刚 插入 的 记录 。 最 后 关闭 连接 。 
的 秆 信 学 为 3 光 当主 记 东 | @ 单 击 工 具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ， 
| 单 击 “ 插 入 和 删除 ”命令 按钮 ,其 执行 结果 如 图 10. 14 所 示 。 


进入 SQL Server, 打 开 school 数据 库 的 student 表 ， 
图 10.14 webform3 网 页 的 执行 界面 看 到 所 有 记录 没有 发 生 改变 。 
5. 在 SqlCommand 对 象 的 命令 中 指定 参数 
SQL .NET Data Provider 支持 执行 命令 中 包含 参数 的 情况 ,也 就 是 说 ,可 以 使 用 包含 参 
数 的 数据 命令 或 存储 过 程 执行 数据 筛选 操作 和 数据 更 新 等 操作 ,其 主要 流程 如 下 : 
QO@ 创建 Connection 对 象 .并 设置 相应 的 属性 值 。 
@ 打开 Connection 对 象 。 
@ 创建 Command 对 象 并 设置 相应 的 属性 值 ,其 中 SQL 语句 参数 使 用 参数 名 称 。 
@ 创建 参数 对 象 ,将 建立 好 的 参数 对 象 添加 到 Command 对 象 的 Parameters 集合 中 。 
@ 为 参数 对 象 赋值 。 
@ 执行 数据 命令 。 
@ 关闭 相关 对 象 。 
例如 ,下 面 的 更 新 语句 : 
UPDATE customer SET cName = @Name WHERE cID = @ID 
其 中 customer 是 一 个 顾客 表 , 有 cID( 顾 客 号 ) 和 cName( 顾 客 名) 两 个 列 。 该 命令 是 将 指定 
cID 的 顾客 记录 的 cName 替换 成 指定 的 值 。 其 中 @1ID 和 @Name 均 为 参数 ,在 执行 该 语句 之 


前 需要 为 参数 赋值 。 
如 何 为 参数 赋值 呢 ? SqlCommand 对 象 的 Parameters 属性 能 够 取得 与 Sqlcommand 相关 
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联 的 参数 集合 (也 就 是 SqlParameterCollection) ,从 而 通过 调用 其 Add 方法 即 可 将 SQL 语句 
中 的 参数 添加 到 参数 集合 中 ,每 个 参数 都 是 一 个 SqlParameter 类 对 象 ,其 常用 属性 及 说 明 如 
表 10. 10 所 示 。 
表 10.10 SqlParameter 的 常用 属性 及 其 说 明 
属性 说 ”有明 


ParameterName 用 于 指定 参数 的 名 称 
SqlDbType 用 于 指定 参数 的 数据 类 型 ,如 整 型 .字符 型 等 


Value 设置 输入 参数 的 值 

Size 设置 数据 的 最 大 长 度 (以 字 节 为 单位 ) 

Scale 设置 小 数位 数 

Direction 指定 参数 的 方向 ,可 以 是 下 列 值 之 一 。ParameterDirection. Input: 指明 为 输入 参数 。 


了 ParameterDirection. Output: 指明 为 输出 参数 。ParameterDirection. InputOutput: 指明 
为 输入 参数 或 者 输出 参数 。ParameterDirection. ReturnValue: 指明 为 返回 值 类 型 


例如 ,假设 mycmd 数据 命令 对 象 包含 前 面 带 参数 的 命令 ,可 以 使 用 以 下 命令 向 Parameters 
参数 集合 中 添加 参数 值 : 

mycmd. Parameters. Add( "@Name", SqlDbType. VarChar, 10). Value = Namel; 

mycmd. Parameters. Add( "@ID", SqlDbType. VarChar,5).Value = ID1; 

上 面 Add 方法 中 的 第 1 个 参数 为 参数 名 ,第 2 个 参数 为 参数 的 数据 类 型 ,第 3 个 参数 为 
参数 值 的 最 大 长 度 , 并 分 别 将 参数 值 设 置 为 Namel 和 ID1 变量 。 上 述 语句 也 可 以 等 价 地 
改 为 ， 

SqlParameter myparml = new SqlParameter(); 

myparm1. ParameterName = "@Name"; 

myparml. SqlDbType = SqlDbType. VarChar; 

myparml. Size = 10; 

myparml. Value = Namel; // 设 置 参数 值 

mycmd. Parameters. Add( myparm]l ) ; 

SqlParameter myparm2 = new SqlParameter(); 

myparm2. ParameterName = "@ID"; 

myparm2. SqlDbType = SqlDbType. VarChar; 

myparm2. Size = 5; 

myparm2. Value = ID1; // 设 置 参数 值 

mycmd. Parameters. Add( myparm2); 

【 练 一 练 】 在 本 章 CH10 网 站 中 添加 一 个 webform4 网 页 ,其 功能 是 说 明 SqlCommand 
对 象 的 命令 中 参数 的 使 用 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH10 网 站 ,选择 “网 站 | 添加 新 项 " 菜 
单 命令 ,出 现 “ 添 加 新 项 -CH10” 对 话 框 ,在 中 间 列 
表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform4. 


= 


aspx, 其 他 保持 默认 项 , 单 击 “添加 ”按钮 。 | 
@ 其 设计 界面 如 图 10. 15 所 示 , 其 中 包含 两 个 ”== 于 | 


1 » 


HTML 文字 \ 两 个 文本 框 (TextBoxl 和 TextBox2)、 
一 个 Buttonl 控件 和 一 个 标签 Labell 。 在 该 网 页 图 10.15 webform4 网 页 的 设计 界面 
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上 设计 如 下 事件 过 程 : 


protected void Buttonl Click(object sender, EventArgs e) 
{ stringmystr, mysql; 

SqlConnection myconn = new SqlConnection(); 

SqlCommand mycmd = new SqlCommand(); 

mystr = System.Configuration.ConfigurationManager. 
ConnectionStrings[ "myconnstring"]. ToString(); 

myconn. ConnectionString = mystr; 

myconn. Open( ); 

mysql = "SELECT AVG( score. 分 数 ) "; 

mysql += "FROM student, score "; 

mysql += "WHERE student. 学 号 = score. 学 号 "; 

mysql += "AND student. 班 号 = @bh AND score. 课程 号 = @kch"; 

mycmd. CommandText = mysql; 

mycmd. Connection = myconn; 

mycmd. Parameters. Rdd("@bh"，System. Data.SqlDbType. VarChar，10) . Value 
= TextBoxl.Text; 

mycmd. Parameters. Rdd("@kch"，System. Data. SqlDbTYpe. VarChar，10). Value 
= TextBox2. Text; 

try 

{ Labell.Text = TextBoxl.Text + " 班 ”+ TextBox2.Text + "课程 的 平均 分 为 "; 
float avg = float.Parse(mycmd. ExecuteScalar().ToString()); 
Labell. Text += Math.Round(avg, 2); 

} 

catch (Exception ex) 

{ 
Labell. Text = "提示 : 输入 的 班 号 或 课程 号 不 存在 "; 

} 

myconn. Close( ); 


} 


上 述 代码 先 建立 连接 ,然后 创建 一 个 SglCommand 对 象 mycmd, 将 其 CommandText 属 
性 设置 为 带 两 个 参数 的 SELECT 语句 ,在 mycmd. Parameters 参数 集合 属性 中 添加 两 个 参数 
对 象 ,最 后 通过 调用 ExecuteScalar 方法 执行 该 SELECT 语句 ,并 返回 指定 班 号 和 课程 号 的 平 
均 分 。try-catch 语句 用 于 检测 用 户 输入 不 存在 的 班 号 或 课程 号 的 异常 情况 。 

@ 单 击 工 具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ,输入 正确 的 班 号 和 课程 号 , 单 击 “ 求 
平均 分 "按钮 ,其 执行 结果 如 图 10. 16 所 示 。 若 输入 不 存在 的 班 号 或 课程 号 , 单 击 * 求 平均 分 ” 
按钮 ,其 执行 结果 如 图 10. 17 所 示 。 


[hp//ocahostessa Pp- c| 5 图 | 人 @ mpwochostesszp - o| Wve 
碟 localhost X 居 localhost x 


班 号 : [15001 课程 号 : |201 班 号 : [15008 课程 号 : |721 
| 匡 ¥ 分 来 平均 分 
| 15001 班 201 谍 程 的 平均 分 为 81. 67 提示 : 输入 的 班 号 或 谍 程 号 不 存在 


图 10.16 webform4 网 页 的 执行 界面 一 图 10.17 webform4 网 页 的 执行 界面 二 
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10.3.3 SqlDataReader 对 象 


当 执 行 SQL 语句 返回 结果 集 的 命令 时 ,需要 一 个 方法 从 结果 集中 提取 数据 。 处 理 结果 集 
的 方法 有 两 个 : 第 一 ,使 用 SqlDataReader 对 象 ( 数 据 阅 读 器 ); 第 二 ,同时 使 用 SqlDataAdapter 对 
象 (数据 适配器 ) 和 DataSet 对 象 。 

不 过 ,使 用 DataReader 对 象 可 以 从 数据 库 中 得 到 只 读 的 、 只 能 向 前 的 数据 流 。 使 用 
SqlDataReader 对 象 还 可 以 提高 应 用 程序 的 性 能 ,减少 系统 开销 ,因为 同一 时 间 只 有 一 条 行 记 
录 在 内 存 中 。 

1. SqlDataReader 类 的 属性 和 方法 

SqlDataReader 类 的 常用 属性 如 表 10. 11 所 示 。 其 常用 方法 如 表 10. 12 所 示 。 


表 10.11 SqlDataReader 类 的 常用 属性 及 其 说 明 


属性 说 明 
FieldCount 获取 当前 行 中 的 列 数 
IsClosed 获取 一 个 布尔 值 ,指出 SqlDataReader 对 象 是 否 关 闭 
RecordsAffected 获取 执行 SQL 语句 时 修改 的 行 数 


表 10.12 SqlDataReader 类 的 常用 方法 及 其 说 明 


方法 说 明 
Read 将 SqlDataReader 对 象 前 进 到 下 一 行 并 读 取 , 返 回 布尔 值 指示 是 否 有 多 行 
Close 关闭 SqlDataReader 对 象 
IsDBNull 返回 布尔 值 , 表 示 列 是 否 包 含 NULL 值 
NextResult 将 SqlDataReader 对 象 移 到 下 一 个 结果 集 ,返回 布尔 值 指示 该 结果 集 是 否 有 多 行 
GetBoolean 返回 指定 列 的 值 , 类 型 为 布尔 值 
GetString 返回 指定 列 的 值 , 类 型 为 字符 串 
GetByte 返回 指定 列 的 值 ,类 型 为 字 节 
GetInt32 返回 指定 列 的 值 ,类 型 为 整 型 值 
GetDouble 返回 指定 列 的 值 ,类 型 为 双 精 度 值 
GetDataTime 返回 指定 列 的 值 , 类 型 为 日 期 时 间 值 
GetOrdinal 返回 指定 列 的 序号 或 数字 位 置 ( 首 列 序 号 为 0) 
GetBoolean 返回 指定 列 的 值 ,类 型 为 对 象 


2. 创建 SqlDataReader 对 象 

在 ADO .NET 中 从 来 不 会 显 式 地 使 用 SqlDataReader 对 象 的 构造 函数 创建 的 SqlDataReader 
对 象 。 事 实 上 ,SqlDataReader 类 没有 提供 公有 的 构造 函数 。 人 们 通常 调用 Command 类 的 
ExecuteReader 方法 ,这 个 方法 将 返回 一 个 SqlDataReader 对 象 。 例 如 ,以 下 代码 创建 一 个 
SqlDataReader 对 象 myreader: 


SqlCommand cmd = new SqlCommand(CommandText, ConnectionObject); 
SqlDataReader myreader = cmd. ExecuteReader(); 


注意 : SglDataReader 对 象 不 能 使 用 new 来 创建 。 
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SqlDataReader 对 象 最 常见 的 用 法 就 是 检索 SQL 查询 或 存储 过 程 执行 后 返回 的 记录 集 。 
另外 ,SqlDataReader 是 一 个 连接 、 只 向 前 和 只 读 的 记录 集 。 也 就 是 说 , 当 使 用 数据 阅读 器 时 ， 
必须 保持 连接 处 于 打开 状态 。 此 外 ,可 以 从 头 到 尾 浏览 记录 集 , 而 且 也 只 能 以 这 样 的 次 序 济 
览 。 这 就 意味 着 ,不 能 在 某 条 记录 处 停 下 来 向 之 前 的 记录 移动 。 记 录 是 只 读 的 ,因此 数据 阅读 
器 类 不 提供 任何 修改 数据 库 记 录 的 方法 。 

注意 : SqlDataReader 对 象 使 用 底层 的 连接 ,连接 是 它 专 有 的 。 当 SqlDataReader 对 象 打 
开 时 ,不 能 使 用 对 应 的 连接 对 象 执 行 其 他 任何 任务 ,如 执行 另外 的 命令 等 。 当 不 再 需要 
SqlDataReader 对 象 的 记录 时 ,应 该 立刻 关闭 它 。 

3. 遍历 SqlDataReader 对 象 的 记录 

当 ExecuteReader 方法 返回 SqlDataReader 对 象 时 , 当前 光标 的 位 置 是 第 一 条 记录 的 前 
面 。 必 须 调 用 SqlDataReader 对 象 的 Read 方法 把 光标 移动 到 第 一 条 记录 ,然后 ,第 一 条 记录 
将 变 成 当前 记录 。 如 果 SqlDataReader 对 象 中 包含 的 记录 不 止 一 条 ,Read 方法 就 返回 一 个 
Boolean 值 True。 想 要 移动 到 下 一 条 记录 ,需要 再 次 调用 Read 方法 。 重 复 上 述 过 程 ,直到 最 
后 一 条 记录 ,此 时 Read 方法 将 返回 False。 经 常 使 用 While 循环 来 遍历 记录 : 

while (myreader. Read( )) 

| // 读 取 数 据 

} 

只 要 Read 方法 返回 的 值 为 True, 就 可 以 访问 当前 记录 中 包含 的 字段。 

4. 访问 字段 中 的 值 

使 用 以 下 语句 获取 一 个 SqlDataReader 对 象 : 


SqlDataReader myreader = mycmd. ExecuteReader(); 


然后 ADO .NET 提供 了 两 种 方法 来 访问 记录 中 的 字段 。 第 一 种 是 Item 属性 ,此 属性 返 
回 由 字段 索引 或 字段 名 指定 的 字段 值 ; 第 二 种 方法 是 Get 方法 ,此 方法 返回 由 字段 索引 指定 
的 字段 的 值 。 

(1) Item 属性 

每 一 个 SqlDataReader 对 象 都 定义 了 一 个 Item 属性 ,此 属性 返回 一 个 代码 字段 属性 的 对 
象 。Item 属性 是 SqlDataReader 对 象 的 索引 。 需 要 注意 的 是 ,Item 属性 总 是 基于 0 开始 编 
号 的 : 

myreader[FieldName] 

myreader[FieldIndex] 

可 以 把 包含 字段 名 的 的 字符 串 传递 给 Item 属性 ,也 可 以 把 指定 字段 索引 的 32 位 整数 传 
递 给 Item 属性 。 例 如 ,如 果 命 令 是 SELECT 查询 


SELECT ID, cName FROM customer 
使 用 下 面 任意 一 种 方法 ,都 可 以 得 到 两 个 被 返回 字段 的 值 : 


myreader[ "ID"] 
myreader[ "cName"] 
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myreader[0] 
myreader[1] 


(2) Get 方 法 


每 一 个 SqlDataReader 对 象 都 定义 了 一 组 Get 方法 ,那些 方法 将 返回 适当 类 型 的 值 。 例 


如 ,GetInt32 方法 把 返回 的 字段 值 作 为 32 位 整数 ,每 一 个 Get 方法 都 将 接受 


如 ,在 上 面 的 例子 中 ,使 用 以 下 的 代码 可 以 检索 ID 字段 和 cName 字段 的 值 ; 


myreader. GetInt32(0) 
myreader. GetString(1) 


字段 的 索引 。 例 


【 练 一 练 】 在 本 章 CH10 网 站 中 添加 一 个 webform5 网 页 ， [ES 


其 功能 是 在 列表 框 中 显示 指定 课程 号 的 学 生 学 号 、 姓 名 和 分 数 ， 避 程 号 : 站 
并 按 分 数 递减 排列 ,以 此 说 明 SqlDataReader 对 象 的 使 用 方法 。 成 绩 列表 


其 设计 步骤 如 下 : 

@D 打开 CHI10 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 
“添加 新 项 -CH10” 对 话 框 ,在 中 间 列 表 中 选择 “Web 窗 体 ”, 将 文 
件 名 称 改 为 webform5. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ”按钮 。 

@ 其 设计 界面 如 图 10. 18 所 示 ,其 中 包含 一 个 HTML 文字 、 a 
一 个 文本 框 TextBox1. 一 个 Buttonl 控件 和 一 个 列表 框 ListBoxl 。 图 10.18 
在 该 网 页 上 设计 如 下 事件 过 程 : 


protected void Buttonl Click(object sender, EventArgs e) 
{ string mystr, mysql; 
SqlConnection myconn = new SqlConnection(); 
SqlCommand mycmd = new SqlCommand( ) ; 
mystr = System. Configuration. ConfigurationManager. 
ConnectionStrings[ "myconnstring" ]. ToString( ); 
myconn. ConnectionString = mystr; 
myconn. Open( ); 
mysql = "SELECT student. 学 号 , student. 姓名 , score. 分 数 "; 
mysql += "FROM student, score "; 
mysql += "WHERE student. 学 号 = score. 学 号 AND score. 课程 号 = "" 
+ TextBoxl.Text + "'"; 
mysql += "ORDER BY score. 分数 DESC"; 
mycmd. CommandText = mysql; 
mycmd. Connection = myconn; 
SqlDataReader myreader = mycmd. ExecuteReader(); 
ListBoxl. Items. Add(" 学 号 姓名 分 数 "); 
ListBoxl. Items. Add(" ================== "); 
while (myreader. Read()) // 循 环 读 取信 息 
ListBox1. Items. Add( String. Format("{0} {1} {2}", 
myreader[" 学 号 "].ToString(), myreader[1].ToString(), 
myreader. GetDouble(2))); 
myconn. Close( ); 
myreader. Close( ); 


» 


webforms 网 页 的 
设计 界面 图 
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上 述 代 码 通过 执行 SqlCommand 对 象 的 ExecuteReader() 
方法 ,将 结果 集 放置 在 一 


个 SqlDataReader 对 象 myreader ER 
中 ,然后 从 myreader 对 象 读 取 一 行 一 行 的 记录 显示 在 列表 @ localhost * 


框 ListBoxl 中 。 


@ 单 击 工 具 栏 中 的 Pp Internet Explorer 按钮 执行 本 网 页 ， 
输入 正确 的 课程 号 201, 单 击 “ 成 绩 列表 ”按钮 ,其 执行 结果 


如 图 10. 19 所 示 。 


10.3.4 SqlDataAdapter 对 象 
SqlDataAdapter 对 象 (数据 适配器 ) 可 以 执行 SQL 命 = 


令 以 及 调用 存储 过 程 、 传 递 参数 ,最 重要 的 是 取得 数据 结 图 10.19 webforms 网 页 的 执行 界面 
果 集 ,在 数据 库 和 DataSet 对 象 之 间 来 回 传输 数据 。 


1. SqlDataAdapter 类 的 属性 和 方法 
SqlDataAdapter 类 的 常用 属性 如 表 10. 13 所 示 。 其 常用 方法 如 表 10. 14 所 示 。 


属性 


表 10.13 SqlDataAdapter 类 的 常用 属性 及 其 说 明 
说 明 


SelectCommand 
InsertCommand 
UpdateCommand 
DeleteCommand 
AcceptChangesDuringFill 


获取 或 设置 SQL 语句 用 于 选择 数据 源 中 的 记录 

获取 或 设置 SQL 语句 用 于 将 新 记录 插入 到 数据 源 中 

获取 或 设置 SQL 语句 用 于 更 新 数据 源 中 的 记录 

获取 或 设置 SQL 语句 用 于 从 数据 集中 删除 记录 

获取 或 设置 一 个 值 ,该 值 指 示 在 任何 Fill 操作 过 程 中 时 ,是 否 接 受 对 行 所 做 
的 修改 


AcceptChangesDuringUpdate 获取 或 设置 在 Update 期 间 是 否 调 用 AcceptChanges 


FillLoadOption 


Missing Mapping Action 
MissingSchemaAction 
TableMappings 


获取 或 设置 LoadOption, 后 者 确定 适配器 如 何 从 SqlDataReader 中 填 
充 DataTable 

确定 传人 数据 没有 匹配 的 表 或 列 时 需要 执行 的 操作 

确定 现 有 DataSet 架构 与 传人 数据 不 匹配 时 需要 执行 的 操作 

获取 一 个 集合 , 它 提供 源 表 和 DataTable 之 间 的 主 映射 


表 10.14 SqlDataAdapter 类 的 常用 方法 及 其 说 明 


方法 说 明 
Fill 用 来 自动 执行 SqlDataAdapter 对 象 的 SelectCommand 属性 中 相对 应 的 SQL 语句 ,以 
检索 数据 库 中 的 数据 ,然后 更 新 数据 集中 的 DataTable 对 象 , 如 果 DataTable 对 象 不 
存在 , 则 创建 它 
FillSchema 将 DataTable 添加 到 DataSet 中 ,并 配置 架构 以 匹配 数据 源 中 的 架构 
GetFillParameters ”获取 当 执 行 SELECT 语句 时 由 用 户 设置 的 参数 
Update 用 来 自动 执行 UpdateCommand、 InsertCommand 或 DeleteCommand 属性 相对 应 的 


SQL 语句 ,以 使 数据 集中 的 数据 来 更 新 数据 库 


实际 上 ,使 用 SqlDataAdapter 对 象 的 主要 目的 是 取得 DataSet 对 象 。 另 外 , 它 还 有 一 个 功 
能 ,就 是 数据 写 回 更 新 的 自动 化 。DataSet 对 象 为 离线 存 取 ,因此 数据 的 添加 、 删除、 修改 都 在 
DataSet 中 进行 , 当 需 要 数据 批 次 写 回 数据 库 时 ,SqlDataAdapter 对 象 提 供 了 一 个 Update 方 
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法 , 它 会 自动 将 DataSet 中 不 同 的 内 容 取出 ,然后 自动 判断 添加 的 数据 并 使 用 InsertCommand 
所 指定 的 INSERT 语句 ,修改 的 记录 使 用 UpdateCommand 所 指定 的 UPDATE 语句 ,以 及 删 
除 的 记录 使 用 DeleteCommand 指定 的 DELETE 语句 来 更 新 数据 库 的 内 容 。 

在 写 回 数据 来 源 时 ,DataTable 与 实际 数据 的 数据 表 及 列 的 对 应 , 则 可 以 通过 TableMappings 
定义 对 应 关系 。 

2. 创建 SqlDataAdapter 对 象 

SqlDataAdapter 类 有 以 下 构造 函数 : 

SqlDataAdapter( ); 

SqlDataAdapter( selectCommandText); 

SqlDataAdapter( selectCommandText, selectConnection); 

SqlDataAdapter( (selectCommandText, selectConnectionString); 
其 中 ,selectCommandText 是 一 个 字符 串 ,包含 SQL SELECT 语句 或 存储 过 程 。selectConnection 
是 当前 连接 的 SqlConnection 对 象 。selectConnectionString 是 连接 字符 串 。 

采用 上 述 第 3 个 构造 函数 创建 SqlDataAdapter 对 象 的 过 程 是 : 先 建立 SqlConnection 连 
接 对 象 ,接着 建立 SqlDataAdapter 对 象 ,建立 该 对 象 的 同时 可 以 传递 两 个 参数 : 命令 字符 串 
(mysql) 和 连接 对 象 (myconn)。 

例如 : 

string mystr, mysql; 

SqlConnection myconn = new SqlConnection(); 

mystr = System.Configuration.ConfigurationManager. 

ConnectionStrings[ "myconnstring"].ToString(); 


myconn. ConnectionString = mystr; 

myconn. Open( ); 

mysql = "SELECT * FROM student"; 

SqlDataAdapter myadapter = new SqlDataAdapter(mysql,myconn); 
myconn. Close( ); 


以 上 代码 仅 创 建 了 SqlDataAdapter 对 象 ,没有 使 用 它 ,在 后 面 介绍 DataSet 对 象 时 大 量 使 
用 SqlDataAdapter 对 象 。 

3. 使 用 Fill 方 法 

Fill 方法 用 于 向 DataSet 对 象 填充 从 数据 源 中 读 取 的 数据 。 调 用 Fill 方法 的 请 法 格式 有 
多 种 ,常见 的 格式 如 下 : 

SqlDataAdapter 对 象 名 . Fill(DataSet 对 象 名 , "数据 表 名 "); 
其 中 ,第 一 个 参数 是 数据 集 对 象 名 ,表示 要 填充 的 数据 集 对 象 ; 第 二 个 参数 是 一 个 字符 串 , 表 
示 在 本 地 缓冲 区 中 建立 的 临时 表 的 名 称 。 例 如 ,以 下 请 句 用 customer 表 数 据 填充 数据 集 
mydatasetl : 

SqlDataahdapter1.Fill(mydataset1， "customer" ) 7 

使 用 Fill 方法 要 注意 以 下 几 点 : 

。 如 果 调 用 Fill() 之 前 连接 已 关闭 , 则 先 将 其 打开 以 检索 数据 ,数据 检索 完成 后 再 将 连接 

关闭 。 如 果 调 用 Fill() 之 前 连接 已 打开 ,连接 仍然 会 保持 打开 状态 。 
。 如 果 数 据 适 配器 在 填充 DataTable 时 遇 到 重复 列 ,它们 将 以 columnnamel 、columnname2、 
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columnname3… 形 式 命 名 后 面 的 列 。 
如 果 传 人 的 数据 包含 未 命名 的 列 , 它 们 将 以 columnl、 column2 形式 命名 并 存 人 
DataTable。 
。 向 DataSet 添加 多 个 结果 集 时 ,每 个 结果 集 都 放 在 一 个 单独 的 表 中 。 
可 以 在 同一 个 DataTable 中 多 次 使 用 Fill() 方 法 。 如 果 存 在 主键 , 则 传人 的 行 会 与 已 
有 的 匹配 行 合 并 ; 如 果 不 存在 主键 , 则 传人 的 行 会 追加 到 DataTable 中 。 

4. 使 用 Update 方法 

Update 方 法 用 于 将 数据 集 DataSet 对 象 中 的 数据 按 InsertCommand 属性 、DeleteCommand 
属性 和 UpdateCommand 属性 所 指定 的 要 求 更 新 数据 源 , 即 调用 3 个 属性 中 所 定义 的 SQL 语 
句 来 更 新 数据 源 。 

Update 方法 常见 的 调用 格式 如 下 : 


SqlDatahdapter 对 象 名 . Update(DataSet 对 象 名 , [数据 表 名 ]); 


其 中 ,第 一 个 参数 是 数据 集 对 象 名 ,表示 要 将 哪个 数据 集 对 象 中 的 数据 更 新 到 数据 源 中 ; 第 二 
个 参数 是 一 个 字符 串 ,表示 临时 表 的 名 称 。 

由 于 SqlDataAdapter 对 象 介 于 DataSet 对 象 和 数据 源 之 间 ,Update 方法 只 能 将 DataSet 
中 的 修改 回 存 到 数据 源 中 ,有 关 修 改 DataSet 对 象 中 数据 的 方法 将 在 后 面 介绍 。 当 用 户 修改 
DataSet 对 象 中 的 数据 时 ,如 何 产 生 SqlDataAdapter 对 象 的 InsertCommand、DeleteCommand 
和 UpdateCommand 属性 呢 ? 

系统 提供 了 SqlCommandBuilder 类 , 它 根据 用 户 对 DataSet 对 象 数据 的 操作 自动 生成 相 
应 的 InsertCommand DeleteCommand 和 UpdateCommand 属性 值 。 该 类 的 构造 函数 如 下 : 


SqlCommandBuilder(adapter) 


其 中 ,adapter 是 一 个 SqlDataAdapter 对 象 的 名 称 。 例 如 ,以 下 语句 创建 一 个 SqlCommand- 
Builder 对 象 mycemdbuilder, 用 于 产生 myadp 对 象 的 InsertCommand、DeleteCommand 和 
UpdateCommand 属性 值 , 然 后 调用 Update 方法 执行 这 些 修改 命令 以 更 新 数据 源 : 


SqlCommandBuilder mycmdbuilder = new SqlCommandBuilder(myadp); 
myadp. Update(myds, "student"); 


10.4 ”DataSet 对 象 


知识 梳理 


DataSet 对 象 概述 


DataSet 对 象 DataTable 对 象 


DataSet 对 象 的 应 用 
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10.4.1 DataSet 对 象 概述 


DataSet 是 ADO .NET 数据 库 访 问 组 件 的 核心 ,主要 是 用 来 支持 ADO .NET 的 不 连贯 连 
接 及 数据 分 布 。 它 的 数据 驻 留 内 存 , 可 以 保证 和 数据 源 无 关 的 一 致 的 关系 模型 ,用 于 多 个 异种 
数据 源 的 数据 操作 。 

创建 DataSet 对 象 有 多 种 方法 , 既 可 以 使 用 设计 工具 ,也 可 以 使 用 程序 代码 来 创建 
DataSet 对 象 。 使 用 程序 代码 创建 DataSet 对 象 的 语法 格式 如 下 : 

DataSet 对 象 名 = new DataSet(); 

DataSet 对 象 名 = new DataSet(dataSetName) ; 
其 中 ,dataSetName 为 一 个 字符 串 ,用 于 指出 DataSet 的 名 称 。 

说 明 : DataSet 对 象 的 命名 空间 是 System. Data。 在 使 用 DataSet 对 象 的 网 页 中 要 使 用 
using System. Data 语句 引用 该 命名 空间 。 

DataSet 对 象 如 同 内 存 中 的 数据 库 , 一 个 DataSet 对 象 包含 一 个 Tables 属性 ( 表 集 合 ) 和 
一 个 Relations 属性 ( 表 之 间 关 系 的 集合 ) 等 集合 属性 ,其 中 Tables 属性 如 图 10. 20 所 示 , 它 的 
每 个 元 素 代表 DataSet 对 象 中 的 一 个 表 。DataSet 对 象 的 方法 较 少 使 用 ,这 里 不 讨论 。 


DataSet 对 象 
氏 Count 属 性 
条 
ee 和 
Insert 方 法 


素 是 DataTable 类 对 象 
每 个 元 素 用 Tables[" 表 索引 0] 或 Tables[" 表 名 "引用 、 Remove 方 法 


图 10.20 ”DataSet 对象 的 Tables 集合 属性 


10.4.2 DataTable 对 象 


DataSet 对 象 中 Tables 集合 属性 的 每 个 元 素 就 是 一 个 DataTable 对 象 。DataTable 对 象 
的 主要 属性 有 Columns 集合 属性 ( 列 集合 ) 和 Rows 集合 属性 ( 行 集合 ) 。 

如 图 10. 21 所 示 ,Columns 集合 属性 表示 DataSet 对 象 中 一 个 表 的 列 结构 ,其 中 每 个 元 素 
就 是 一 个 DataColumn 对 象 ,表示 表 的 一 个 列 , 每 个 列 有 列 名 和 数据 类 型 。 例 如 ,如 下 代码 创 
建 一 个 DataTable 对 象 mydt, 并 向 其 中 添加 3 个 列 : 

DataTable mydt = new DataTable(); 

DataColumn mycoll = mydt.Columns.Add("ID", Type.GetType("System. String")); 

mydt. Columns. Add( "cName", Type.GetType("System. String")); 

mydt. Columns. Add( "cBook", Type.GetType("System. String")); 

一 个 Rows 集合 属性 表示 DataSet 对 象 中 一 个 表 的 数据 (由 若干 行 构成 ) ,其 中 每 个 元 素 
就 是 一 个 DataRow 对 象 ,表示 表 的 一 行 。 例 如 ,如 下 代码 在 DataSet 对 象 myds 中 添加 一 个 
customer 的 表 , 该 表 有 cID 和 cName 两 个 列 , 并 插入 两 个 记录 ,如 图 10. 22 所 示 。 
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DataSet myds = new DataSet(); 

DataTable mydt = new DataTable("customer"); 

myds. Tables. Add( mydt); 

mydt. Columns. Add( "cID", Type.GetType("System. String")); 
mydt. Columns. Add("cName", Type.GetType("System. String")); 
DataRow myrowl = mydt.NewRow(); 

myrowl["cID"] = "101"; 

myrowl["cName"] =" 章 明 "; 

myds. Tables[ 0]. Rows. Add(myrow1); 

DataRow myrow2 = mydt.NewRow(); 

myrow2["cID"] = "120"; 

myrow2["cName"] = " 陈 功 "; 

myds. Tables[ 0]. Rows. Add(myrow2); 


上 述 代 码 创 建 的 DataSet 对 象 只 是 存放 在 内 存 中 ,并 没有 存储 在 SQL Server 
库 中 。 


DataTable 对 象 
属 
储 Count 属 性 
系 
Clear 方 法 
Rows 属 性 一 一 一 | 0 
Add 方 法 
每 个 元 内 屋 DataKGw 类 对 象 Insert 方 法 
每 个 元 素 用 Rows[" 列 索引 "] 或 Rows[" 列 名 "引用 、 Remove 方 法 
Count 属 性 
Columns 属 性 一 一 一 | We 
Add 方 法 
Insert 方 法 


每 个 元 素 是 DataColumn 类 对 象 
每 个 元 素 用 Columns[" 列 索引 或 Columns[" 列 名 "] 引 用 、 Remove 方 法 


的 数据 


10. 21 DataTable 对 象 的 Columns 和 Rows 集合 属性 图 10.22 采用 DataSet 对 象 创 


建 的 customer 


10.4.3 ”DataSet 对 象 的 应 用 


表 


DataSet 对 象 是 一 个 数据 容器 ,可 以 在 内 存 中 存放 数据 表 , 而 数据 来 源 主要 是 SqlDataReader 


对 象 。 

【 练 一 练 】 在 本 章 CH10 网 站 中 添加 一 个 webform6 网 页 ,其 功能 与 webform5 
说 明 DataSet 对 象 的 使 用 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH10 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 “ 添 加 新 项 -CH10” 对 
中 间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform6. aspx, 其 他 保持 默认 项 , 单 直 
按钮 。 

@ 其 设计 界面 与 webform5 的 完全 相同 。 在 该 网 页 上 设计 如 下 事件 过 程 : 


protected void Buttonl_ Click(object sender, EventArgs e) 


的 相同 ， 


话 框 ,在 
“添加 ” 
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{ stringmystr, mysql; 
SqlConnection myconn = new SqlConnection(); 
mystr = System.Configuration.ConfigurationManager. 
ConnectionStrings[ "myconnstring" ]. ToString(); 
myconn. ConnectionString = mystr; 
myconn. Open( ); 
mysql = "SELECT student. 学 号 , student. 姓名 , score. 分 数 "; 
mysql += "FROM student, score "; 
mysql += "WHERE student. 学 号 = score. 学 号 AND score. 课 程 号 = "" 
+ TextBoxl.Text + "'"; 
mysql += "ORDER BY score. 分 数 DESC"; 
SqlDataAdapter myda = new SqlDataAdapter(mysql,myconn); 
myconn. Close( ); 
DataSet mydataset = new DataSet(); 
myda. Fill(mydataset, "mydata" ); 
ListBoxl. Items. Add(" 学 号 姓名 分 数 "); 
ListBoxl. Items. Add(" =================="); 
foreach (DataRow dr in mydataset. Tables[0].Rows) 
ListBox1,. Items. Add( String. Format("{0} {1} {2}", 
dr[0].ToString(), dr[1].ToString(),dr[2].ToString())); 
} 


上 述 代码 创建 一 个 DataAdapter 对 象 myda 和 一 个 DataSet 对 象 mydataset ,将 myda 的 
查询 结果 通过 Fill 方法 填充 到 mydataset 中 ,内 存 的 表 名 为 mydata( 该 名 称 可 以 是 任何 合法 的 
表 名 )。 最 后 使 用 foreach 语句 将 mydata 的 所 有 行 显示 在 ListBoxl 中 。 

本 网 页 的 执行 功能 与 webform5 相同 。 


10.5 练 习 题 


1. 单项 选择 题 
(1) 在 对 SQL Server 数据 库 操作 时 应 选用 (  ”)。 
A. SQL Server .NET Framework 数据 提供 程序 
B. OLE DB .NET Framework 数据 提供 程序 
C. ODBC .NET Framework 数据 提供 程序 
D. Oracle .NET Framework 数据 提供 程序 
(2) .NET Framework 数据 提供 程序 包含 的 对 象 有 ( ys 
A. Connection.Command、DataAdapter 和 DataSet 
B. Connection.Command、DataAdapter 和 DataReader 
C. Connection.DataSet .DataAdapter 和 DataReader 
D. Connection.Command、DataSet 和 DataReader 
(3) SqlConnection 对 象 中 用 于 设置 连接 SQL Server 数据 库 的 连接 字符 串 属性 是 ( )。 
A. DataSource B. ServerVersion 
C. ConnectionString D. State 
(4) 用 于 打开 SqlConnection 对 象 的 方法 是 ( Fs 
A. Select B. Find C. Open D. Close 
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(5) ADO .NET 中 用 于 建立 Connection 对 象 和 数据 集 之 间 桥 梁 的 对 象 是 ( i 


A. DataTable B. Command C. DataSet D. DataAdapter 
(6) SqlCommand 对 象 中 用 于 设置 要 对 数据 源 执行 SQL 语句 的 属性 是 ( )。 
A. Connection B. CommandText C. CommandType D. Parameters 
(7) SqlCommand 对 象 中 将 CommandText 发 送 到 Connection 并 生成 一 个 SqlDataReader 的 
方法 是 ( Ss 
A. ExecuteReader B. ExecuteScalar 
C. ExecuteNonQuery D. ToString 


(8) 在 ADO .NET 中 ,对 于 Command 对 象 的 ExecuteNonQuery() 方 法 和 ExecuteReader() 方 
法 ,下 面 叙 述 错误 的 是 ( ys 
A. INSERT、UPDATE、DELETE 等 操作 的 SQL 语句 主要 用 ExecuteNonQuery() 
方法 来 执行 
B.ExecuteNonQuery() 方 法 返回 执行 SQL 语句 所 影响 的 行 数 
C. SELECT 操作 的 SQL 语句 只 能 由 ExecuteReader() 方 法 来 执行 
D. ExecuteReader() 方 法 返回 一 个 DataReder 对 象 
(9) 以 下 SqlComand 对 象 方法 中 ,可 以 连接 执行 SQL 语句 并 返回 受 影响 行 数 的 是 ( Ys 
A. ExecuteReader B. ExecuteScala 
C. Connection D. ExecuteNonQuery 
(10) 在 ADO .NET 中 ,为 访问 DataTable 对 象 从 数据 源 提取 的 数据 行 , 可 使 用 
DataTable 对 象 的 ( ) 属 性 。 
A. Rows B. Columns C. Constraints D. DataSet 


(11) 在 操作 数据 库 时 有 查询 .更 新 和 删除 等 操作 ,在 ADO .NET 中 一 般 使 用 ( ) 对 象 


A. Connection B. Command C. DataAdapter D. DataSet 
(12) 数据 读 取 器 DataReader 对 象 用 于 从 数据 源 中 ( ) 。 
A. 插入 数据 B. 检索 数据 C. 更 新 数据 D. 删除 数据 
(13) 数据 适配器 DataAdapter 表示 一 组 ( ) 和 一 个 ( ) ,它们 用 于 填充 ( ) 对 象 
和 更 新 数据 源 。 


A. 数据 命令 ,数据 库 连 接 ,Command B. 数据 命令 ,数据 库 连 接 ,DataSet 
C. 数据 库 连 接 , 数 据 命 令 ,DataSet D. 以 上 都 不 对 
(14) DataAdapter 对 象 填 充 DataSet 对 象 时 使 用 ( ) 方 法 。 


A. Fill B. Update C. Insert D. Delete 
(15) DataAdapter 对 象 的 ( ) 方 法 用 于 更 新 数据 源 。 
A. Fill B. Update C. Insert D. Delete 
(16) 创建 DataAdapter 对 象 方式 错误 的 是 ( ) ,其 中 mysql 是 SQL 语句 ,myconn 是 
连接 对 象 。 


A. SqlDataAdapter myadapter = new SqlDatadapter(); 

B. SqlDataAdapter myadapter 一 new SqlDataDapter(); 

C. SqlDataAdapter myadapter = new SqlDataAdapter(mysql,myconn) ; 
D. SqlDataAdapter myadapter 一 new SqlDataAdapter(myconn) ; 
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(17) 设计 ADO .NET 应 用 程序 时 ,在 下 列 情况 下 ,使 用 Command 对 象 直接 访问 数据 源 
效率 最 差 的 是 ( )s 
A. 使 用 ADO .NET 对 XML 数据 文件 中 的 数据 进行 分 析 和 处 理 
B. 在 SQL Server 数据 库 的 表 中 搜索 某 个 字段 值 
C. 计算 SQL Server 数据 库 中 数据 表 的 行 数 
D. 在 SQL Server 数据 库 中 创建 存储 过 程 
(18) 如 果 用 一 个 DataAdapter 对 象 填充 DataSet 对 象 , 再 使 用 该 DataSet 中 的 DataTable 
对 象 实现 查询 数据 操作 , 则 需要 设置 该 DataAdapter 对 象 的 ( ) 属 性 。 
A. DeleteCommand B. InsertCommand 
C. SelectCommand D. UpdateCommand 
(19) 如 果 用 一 个 DataAdapter 对 象 填充 DataSet 对 象 ,再 使 用 该 DataSet 中 的 DataTable 
对 象 实现 更 新 数据 操作 , 则 需要 设置 该 DataAdapter 对 象 的 ( ) 属 性 。 
A. DeleteCommand B. InsertCommand 
C. SelectCommand D. UpdateCommand 
(20) 如 果 用 一 个 DataAdapter 对 象 填充 DataSet 对 象 ,再 使 用 该 DataSet 中 的 DataTable 
对 象 实现 删除 数据 操作 , 则 需要 设置 该 DataAdapter 对 象 的 ( ) 属 性 。 
A. DeleteCommand B. InsertCommand 
C. SelectCommand D. UpdateCommand 
(21) 如 果 用 一 个 DataAdapter 对 象 填充 DataSet 对 象 ,再 使 用 该 DataSet 中 的 DataTable 
对 象 实现 插入 数据 操作 , 则 需要 设置 该 DataAdapter 对 象 的 ( ) 属 性 。 
A. DeleteCommand B. InsertCommand 
C. SelectCommand D. UpdateCommand 
(22) 为 了 在 程序 中 使 用 SQL .NET 数据 提供 程序 ,应 在 源 程序 中 添加 对 ( ) 命 名 空间 
的 的 引用 。 


A. System. Data B. System. Data. SqlClient 
C. System. Data. OleDb D. System. Data. Odbc. dll 
(23) 为 了 在 程序 中 使 用 DataSet 对 象 ,应 在 源 程序 中 添加 对 ( “) 命 名 空间 的 的 引用 。 
A. System. Data B. System. Data. SqlClient 
C. System. Data. OleDb D. System. Data. Odbc. dll 


(24) 以 下 叙述 中 正确 的 是 ( a 
A. 一 个 网 页 中 可 以 建立 多 个 Connection 对 象 连接 数据 库 
B.Connection 对 象 使 用 完毕 后 可 以 不 关闭 
C. 可 以 使 用 new 关键 字 创 建 DataReader 对 象 
D. 可 以 使 用 DataReader 对 象 更 新 数据 库 
(25) 以 下 叙述 中 正确 的 是 (  )。 
A. 一 个 DataSet 对 象 中 只 能 包含 一 个 DataTable 对 象 
B. 一 个 Connection 对 象 可 以 打开 多 个 DataReader 对 象 
C. DataRow 对 象 的 Delete 方法 可 以 直接 将 该 DataRow 在 DataSet 中 删除 
D. 以 上 都 不 对 
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2. 问答 题 

(1) 在 ADO. NT 访问 SQL Server 时 为 什么 需要 数据 提供 程序 ? 

(2) ADO .NET 中 读 写 数 据 库 需要 用 到 那些 对 象 ? 它们 的 作用 都 是 什么 ? 
(3) 简 述 创建 DataAdapter 对 象 的 4 种 方式 。 

(4) 简 述 DataReader 对 象 和 DataSet 对 象 的 异同 。 

(5) ADO .NET 允许 哪 两 种 方式 从 数据 库 中 检索 数据 ? 


10.6 上 机 实验 题 


在 CH10 网 站 中 添加 一 个 Exp 网 页 ,其 设计 界面 如 图 10. 23 所 示 , 用 户 单 击 “ 学 生平 均 
分 ”按钮 时 在 ListBoxl 中 显示 所 有 学 生 的 平均 分 ,如 图 10. 24 所 示 ,采用 SqlDataReader 对 象 
求解 。 用 户 单 击 “ 课 程 平均 分 "按钮 时 在 ListBoxl 中 显示 所 有 课程 的 平均 分 ,采用 DataSet 对 
象 求解 。 


绪 定 


I®) 态 httpi/localhost5452 DC| 页 
碟 Iocalhost x 


| 学生 平均 分 | | 课程 平均 分 | 


[| [9] 


图 10.23 上 机 实验 题 网 页 的 设计 界面 图 10.24 上 机 实验 题 网 页 的 执行 界面 


- 
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口 ImNos -Date Glent Amount Tax Toal Notes 

‘Ol 207-1006 [ciem3 100000| 

日 |2 2007-10-06 Clemt2 700.00 140.00 840.00 

[a 2007-19-06 Clemt 1 | ‘600.00 120.00 720.00| 

日 jo 2007-10-06 。 Clent2 100.00 20.00 120.00| 

[可 2007-10-06 。 clentl 200.00| 4000 24000 

Ge 2007-10-06 [Clemt3 200.00 000 200.00| yd 
日 > 2007-10-05 Clent2 120.00| 12.00 134.00| 日 
癌 由 RS pooe， Jof2 CE ] Viewl-10of13 


漂亮 的 网 页 原来 是 
AN 用 数据 控件 实现 的 ! 


本 章 指南 


11.1 数据 控件 概述 


知识 梳理 


数据 控件 的 用 途 


数据 控件 概述 


ASP.NET 有 哪些 数据 控件 
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11.1.1 数据 控件 的 用 途 


数据 控件 分 为 数据 源 控件 和 数据 绑 定 控件 两 种 类 型 。 

SQL Server 数据 库 中 的 数据 与 网 页 交互 分 为 两 个 阶段 : 第 1 阶段 是 数据 库 与 内 存 交互 ， 
包括 将 数据 库 中 的 数据 提取 到 本 地 计算 机 的 内 存 中 ,或 将 内 存 中 的 数据 更 改 反映 到 数据 库 中 ; 
第 2 阶段 是 内 存 与 网 页 交互 ,包括 将 内 存在 的 数据 中 网 页 中 显示 ,或 用 户 操作 网 页 更 新 内 存 中 
的 数据 。 

对 于 第 1 阶段 ,第 10 章 介 绍 了 内 存 数据 使 用 DataSet 对 象 存储 的 编程 方法 ,其 思路 是 : 
SqlConnection 对 象 习 SglCommand 对 象 习 SqlDataAdapter 对 象 习 DataSet 对 象 , 其 编程 过 程 
比较 繁琐 。 为 了 方便 编程 ,ASP .NET 提供 了 一 些 数据 源 控件 ,封装 上 述 过 程 的 复杂 性 ,直接 
实现 从 数据 库 提取 数据 到 内 存 的 整个 过 程 。 实 际 上 ,数据 源 控件 允许 使 用 不 同类 型 的 数据 源 ， 
如 数据 库 、XML 文件 或 中 间 层 业务 对 象 。 数 据 源 控件 连接 到 数据 源 ,从 中 检索 数据 ,并 使 得 
其 他 控件 可 以 绑 定 到 数据 源 而 无 须 代码 ,数据 源 控件 还 支持 修改 数据 。 

对 于 第 2 阶段 ,第 10 章 介 绍 了 DataSet 对 象 中 存储 的 数据 在 网 页 中 显示 的 方法 。 同 样 ， 
其 编程 过 程 比较 繁琐 。 为 了 方便 编程 ,ASP .NET 也 提供 了 相应 的 数据 绑 定 控件 ,以 封装 在 网 
页 中 显示 数据 的 复杂 性 。 

数据 控件 的 用 途 如 图 11. 1 所 示 ,数据 源 控 件 实现 数据 库 和 内 存 数 据 的 交互 ,只 能 检索 和 
更 新 数据 库 的 数据 ,不 具有 显示 数据 的 能 力 。 数 据 绑 定 控件 实现 内 存 数据 和 网 页 的 交互 ,并 有 具 
有 在 网 页 中 显示 数据 的 功能 。 


&_ 数据 源 控件 数据 绑 定 控件 . 
~ | 存 数 据 集 一 -一 一 网 页 
(如 DataSet) 


11.1 数据 控件 的 用 途 


11.1.2 ASP .NET 有 哪些 数据 控件 


ASP .NET 工具 箱 的 “数据 类别 中 的 控件 都 是 数据 控件 ,如 证 本 
图 11. 2 所 示 。 每 个 控件 具有 不 同 的 用 途 和 所 有 环境 。 其 中 , 数 国 char 
据 源 控件 如 表 11. 1 所 示 , 它 们 都 是 从 DataSourceControl 类 派 2 
生 的 。 @ DetaisView 

喝 EntityDataSource 

图 11. 2 中 的 其 他 属于 数据 绑 定 控件 ,数据 绑 定 就 是 把 数据 连 FormView 
接 到 网 页 的 过 程 ,在 数据 绑 定 后 ,可 以 通过 网 页 界面 来 操作 数据 库 ee 
中 的 数据 。 数 据 绑 定 控件 将 数据 以 标记 的 形式 呈现 给 请 求 数据 的 pe Ee 
浏览 器 。 数 据 绑 定 控件 可 以 绑 定 到 数据 源 控件 .并 自动 在 页 请 求 晤 QueryExender 
生命 周期 的 适当 时 间 获 取 数 据 。 数 据 绑 定 控件 可 以 利用 数据 源 控 | 
件 提供 的 功能 ,包括 排序 分 页 ,缓存 筛选 更 新 、 删 除 和 插入 。 数 a eS 


据 绑 定 控 件 通过 其 DataSourceID 属性 连接 到 数据 源 控件 。ASP 


.NET 中 常见 的 数据 绑 定 控件 如 表 11. 2 所 示 。 i 


类 别 的 控件 
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表 11.1 常用 的 数据 源 控件 及 其 说 明 
数据 源 控件 说 明 


SqlDataSource 表示 数据 绑 定 控件 的 SQL 数据 库 

ObjectDataSource ”表示 为 多 层 Web 应 用 程序 体系 结构 中 的 数据 绑 定 控件 提供 数据 的 业务 对 象 

XmlDataSource 表示 数据 绑 定 控件 的 XML 数据 源 

SiteMapDataSource 提供 了 一 个 数据 源 控件 ,Web 服务 器 控件 及 其 他 控件 可 使 用 该 控件 绑 定 到 分 层 的 
站 点 地 图 数据 

EntityDataSource ”表示 ASP .NET 应 用 程序 中 数据 绑 定 控件 的 实体 数据 模型 (EDMD 

LinqDataSource 支持 通过 标记 文本 在 ASP .NET 网 页 中 使 用 语言 集成 查询 (LINQ) ,以 在 数据 对 象 
中 检索 和 修改 数据 


表 11.2 常见 的 数据 绑 定 控件 及 其 说 明 
数据 绑 定 控件 说 明 


列表 控件 以 各 种 列表 形式 呈现 数据 ,列表 控件 包括 BulletedList、 CheckBoxList、 DropDownList、 
ListBox 和 RadioButtonList 控件 

GridView 以 表 的 形式 显示 数据 ,并 支持 在 不 编写 代码 的 情况 下 对 数据 进行 编辑 ,更 新 .排序 和 分 页 

DataList 以 表 的 形式 呈现 数据 ,每 一 项 都 使 用 用 户 定义 的 项 模板 呈现 

DetailsView ”以 表格 布局 一 次 显示 一 个 记录 ,并 允许 编辑 .删除 和 插入 记录 ,还 可 以 翻阅 多 个 记录 

FormView 与 DetailsView 控件 类 似 , 但 允许 用 户 为 每 一 个 记录 定义 一 种 自动 格式 的 布局 。 对 于 单个 
记录 ,FormView 控件 与 DataList 控件 类 似 

AdRotator 。 将 广告 作为 图 像 呈 现在 网 页 上 ,用户 可 以 单 击 该 图 像 来 转 到 与 广告 关联 的 URL 

Menu 在 可 以 包括 子 菜单 的 分 层 动态 菜单 中 呈现 数据 

Repeater 以 列表 的 形式 呈现 数据 ,每 一 项 都 使 用 用 户 定义 的 项 模板 呈现 

TreeView 以 可 展开 节点 的 分 层 树 的 形式 呈现 数据 


本 章 主要 介绍 常用 的 几 个 数据 源 控件 和 数据 绑 定 控件 。 
11.2 SqlDataSource 控件 


知识 梳理 


SqlDataSource 控 件 概述 


SqlDataSource 控 件 


SqlDataSource 控 件 的 应 用 


SQL 注入 攻击 


11.2.1 SqlDataSource 控件 概述 


SqlDataSource 控件 是 最 常用 的 数据 源 控件 ,允许 使 用 SQL Server、OLE DB、ODBC 或 
Oracle 数据 库 。 与 SQL Server 一 起 使 用 时 支持 高 级 缓存 功能 。 当 它 的 数据 作为 DataSet 对 
象 返回 时 ,还 支持 排序 .筛选 和 分 页 等 功能 。 

SqlDataSource 控件 对 应 的 类 为 SqlDataSource, 它 表 示 到 数据 库 的 直接 连接 。 数 据 绑 定 
控件 (如 GridView DetailsView 和 FormView 控件 ) 可 以 使 用 SqlDataSource 控件 自动 检索 和 
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修改 数据 。 可 以 将 用 来 选择 、 插 入 、 更 新 和 删除 数据 的 命令 指定 为 SqlDataSource 控件 的 一 部 
分 ,并 让 该 控件 自动 执行 这 些 操作 。 用 户 无 须 编 写 代 码 ( 如 使 用 System. Data 命名 空间 中 的 类 
的 ADO .NET 代码 ) 来 创建 连接 并 指定 用 于 查询 和 更 新 数据 库 的 命令 。 

SqlDataSource 控件 的 构造 函数 如 下 : 

。 SqlDataSource() : 初始 化 SqlDataSource 类 的 新 实例 。 

。 SqlDataSource(string connectionString, string selectCommand): 使 用 指定 的 连接 字 
符 串 和 SELECT 命令 初始 化 SqlDataSource 类 的 新 实例 。 

。 SqlDataSource(string providerName, string connectionString, string selectCommand) : 使 用 
指定 的 连接 字符 串 和 Select 命令 初始 化 SqlDataSource 类 的 新 实例 。 

其 中 ,providerName 参数 指出 SqlDataSource 使 用 的 数据 提供 程序 的 名 称 ,如果 没 有 设置 
任何 提供 程序 , 则 在 默认 情况 下 ,SqlDataSource 使 用 Microsoft SQL Server 的 ADO .NET 提 
供 程 序 。connectionString 参数 作为 与 基础 数据 库 建 立 连接 的 连接 字符 串 。selectCommand 
参数 用 于 从 基础 数据 库 中 检索 数据 的 SQL 查询 ,如 果 该 SQL 查询 是 参数 化 的 SQL 字符 串 ， 
可 能 需要 将 Parameter 对 象 添 加 到 SelectParameters 集合 中 。 

SqlDataSource 控件 的 常用 属性 、 方 法 和 事件 分 别 如 表 11. 3 一 表 11. 5 所 示 。 


属性 


表 11.3 SqlDataSource 控件 的 常用 属性 及 其 说 明 
说 明 


ConnectionString 


DataSourceMode 


DeleteCommand 
DeleteCommandType 


DeleteParameters 
FilterExpression 
FilterParameters 
InsertCommand 


InsertCommandType 


InsertParameters 


ProviderName 


SelectCommand 


SelectCommandType 


SelectParameters 


SortParameterName 


UpdateCommand 
UpdateCommandType 


UpdateParameters 


获取 或 设置 特定 于 ADO .NET 提供 程序 的 连接 字符 串 ,SqlDataSource 控件 使 用 该 
字符 串 连接 基础 数据 库 如 SQL Server 数据 库 

获取 或 设置 SqlDataSource 控件 获取 数据 所 用 的 数据 检索 模式 , 取 值 为 DataSet( 默 
认 值 ) 或 DataReader 

获取 或 设置 SqlDataSource 控件 从 基础 数据 库 删 除数 据 所 用 的 SQL 字符 串 
获取 或 设置 一 个 值 , 该 值 指 示 DeleteCommand 属性 中 的 文本 是 SQL 语句 还 是 存储 
过 程 的 名 称 

集合 属性 ,表示 SqlDataSource 控件 DeleteCommand 属性 所 使 用 参数 的 参数 集合 
获取 或 设置 调用 Select 方法 时 应 用 的 筛选 表达 式 

集合 属性 ,表示 与 FilterExpression 字符 串 中 的 任何 参数 占 位 符 关 联 参数 的 集合 
获取 或 设置 SqlDataSource 控件 将 数据 插入 基础 数据 库 所 用 的 SQL 字符 串 

获取 或 设置 一 个 值 ,该 值 指示 InsertCommand 属性 中 的 文本 是 SQL 语句 还 是 存储 
过 程 的 名 称 

集合 属性 ,表示 SqlDataSource 控件 InsertCommand 属性 所 使 用 的 参数 的 参数 集合 
获取 或 设置 .NET Framework 数据 提供 程序 的 名 称 ,SqlDataSource 控件 使 用 该 提供 
程序 来 连接 基础 数据 源 

获取 或 设置 SqlDataSource 控件 从 基础 数据 库 检索 数据 所 用 的 SQL 字符 串 
获取 或 设置 一 个 值 , 该 值 指示 SelectCommand 属性 中 的 文本 是 SQL 查询 还 是 存储 
过 程 的 名 称 

集合 属性 ,表示 SqlDataSource 控件 包含 SelectCommand 属性 所 使 用 的 参数 的 参数 集合 
获取 或 设置 存储 过 程 参 数 的 名 称 , 在 使 用 存储 过 程 执 行 数据 检索 时 ,该 存储 过 程 参 
数 用 于 对 检索 到 的 数据 进行 排序 

获取 或 设置 SqlDataSource 控件 更 新 基础 数据 库 中 的 数据 所 用 的 SQL 字符 串 

获取 或 设置 一 个 值 ,该 值 指示 UpdateCommand 属性 中 的 文本 是 SQL 语句 还 是 存储 
过 程 的 名 称 

集合 属性 ,表示 SqlDataSource 控件 UpdateCommand 属性 所 使 用 的 参数 的 参数 集合 
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表 11.4 SqlDataSource 控件 的 常用 方法 及 其 说 明 


方 法 说 明 
DataBind 将 数据 源 绑 定 到 被 调用 的 服务 器 控件 及 其 所 有 子 控件 
Delete 使 用 DeleteCommand 字符 串 和 DeleteParameters 集合 中 的 所 有 参数 执行 删除 操作 
Insert 使 用 InsertCommand 字符 串 和 InsertParameters 集合 中 的 所 有 参数 执行 插入 操作 
Select 使 用 SelectCommand 字符 串 以 及 SelectParameters 集合 中 的 所 有 参数 从 基础 数据 库 中 检索 数据 
Update ”使 用 UpdateCommand 字符 串 和 UpdateParameters 集合 中 的 所 有 参数 执行 更 新 操作 
表 11.5 SqlDataSource 控件 的 常用 事件 及 其 说 明 
事 件 说 明 


DataBinding ” 当 服 务 器 控件 绑 定 到 数据 源 时 引发 


Deleted 
Deleting 
Disposed 
Filtering 
Init 
Inserted 
Inserting 
Load 
PreRender 
Selected 
Selecting 
Unload 
Updated 
Updating 


完成 删除 操作 后 引发 

执行 删除 操作 前 引发 

当 从 内 存 释 放 服 务 器 控件 时 引发 ,这 是 请 求 ASP .NET 页 时 服务 器 控件 生存 期 的 最 后 阶段 
执行 筛选 操作 前 引发 

当 服 务 器 控件 初始 化 时 引发 ,初始 化 是 控件 生存 期 的 第 一 步 
完成 插入 操作 后 引发 

执行 插入 操作 前 引发 

当 服 务 器 控件 加 载 到 Page 对 象 中 时 引发 

在 加 载 Control 对 象 之 后 .呈现 之 前 引发 

完成 数据 检索 操作 后 引发 

执行 数据 检索 操作 前 引发 

当 服 务 器 控件 从 内 存 中 印 载 时 引发 

完成 更 新 操作 后 引发 

执行 更 新 操作 前 引发 


SqlDataSource 控件 提供 了 选择 和 显示 数据 ,对 数据 进行 排序 分 页 和 缓存 ,更 新 .插入 和 


删除 数据 ， 


功能 


使 用 运行 时 参数 筛选 数据 等 。 其 主要 的 功能 及 说 明 如 表 11.6 所 示 。 
表 11.6 ”SqlDataSource 控件 的 功能 及 说 明 
说 明 


缓存 ”将 DataSourceMode 属性 设置 为 DataSet 值 ,EnableCaching 属性 设置 为 True, 并 根据 希望 缓存 数据 
所 具有 的 缓存 行为 设置 CacheDuration 和 CacheExpirationPolicy 属性 

删除 ”将 DeleteCommand 属性 设置 为 删除 数据 所 用 的 SQL 语句 ,此 语句 通常 是 参数 化 的 

第 选 ”将 DataSourceMode 属性 设置 为 DataSet 值 。 将 FilterExpression 属性 设置 为 在 调用 Select 方法 时 
用 于 筛选 数据 的 筛选 表达 式 

插入 ”将 InsertCommand 属性 设置 为 插入 数据 所 用 的 SQL 语句 ,此 语句 通常 是 参数 化 的 

分 页 ”SqlDataSource 当前 不 支持 此 功能 ,但 是 将 DataSourceMode 属性 设置 为 DataSet 值 时 , 某 些 数据 绑 
定 控件 (如 GridView) 支 持 分 页 

选择 ”将 SelectCommand 属性 设置 为 检索 数据 所 用 的 SQL 语句 

排序 ”将 DataSourceMode 属性 设置 为 DataSet 

更 新 ”将 UpdateCommand 属性 设置 为 更 新 数据 所 用 的 SQL 语句 ,此 语句 通常 是 参数 化 的 
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11.2.2 ”SqlDataSource 控件 的 应 用 


可 以 将 SqlDataSource 控件 连接 到 SQL Server 数据 库 ,然后 使 用 革 些 控件 (如 GridView) 
来 显示 或 编辑 数据 。 

【 练 一 练 】 在 D 盘 的 电子 商务 目录 中 建立 一 个 CH11 的 子 目 录 , 将 其 作为 网 站 目录 , 设 
计 一 个 webforml 网 页 ,其 功能 是 说 明 SqlDataSource 控件 的 使 用 方法 。 

其 设计 步骤 如 下 : 

QO@ 打开 CH11 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH11” 对 话 框 ,在 
中 间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webforml. aspx, 其 他 保持 默认 项 , 单 击 “添加 ” 
按钮 。 

@ 从 工具 箱 的 “数据 ”类别 中 将 SqlDataSource 控件 拖 忠 到 网 页 上 。 展 开 “SqlDataSource 
任务 "列表 , 单 击 “ 配 置 数据 源 " 将 显示 “配置 数据 源 ” 向 导 。 出 现 “ 选 择 您 的 数据 连接 ”对 话 框 ， 
单 击 “ 新 建 连接 ”按钮 ,如 图 11. 3 所 示 。 


图 11.3 “选择 您 的 数据 连接 "对话 框 


@ 出 现 如 图 11.4 所 示 的 “添加 连接 ”对 话 框 , 单 击 “ 更 改 ” 按 钮 ,在 出 现 的 对 话 框 中 选择 
Microsoft SQL Server, 单 击 “ 确 定 ” 按 钮 返回 到 “添加 连接 ”对 话 框 。 

@ 在 “服务 器 名 ”中 输入 或 选择 LCB-PC 项 ,选择 “使 用 Windows 身份 验证 ” 单 选 按钮 ,选择 
school 数据 库 , 如 图 11. 5 所 示 。 单 击 “ 测 试 连接 ”后 出 现 连 接 成 功 信 息 , 单 击 “ 确 定 ” 按 钮 返回 。 

@ 此 时 的 新 建 连接 名 称 为 lcb-pc. school. dbo。 单 击 * 下 一 步 ”按钮 ,出 现 “ 将 连接 字符 串 
保存 到 应 用 程序 配置 文件 中 ”对 话 框 ,保持 默认 值 , 即 web. config 文件 中 自动 创建 名 称 为 
schoolConnectionString 的 连接 字符 串 , 单 击 “ 下 一 步 ”按钮 。 
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回 使 用 Windows 身份 验证 (W) 
日 使 用 SQL Server 身份 验证 (Q) 


用 户 客 (w: | 


wp): | 


口 保存 宅 码 (S) 


运 辑 名 (: 


mm |] Ce |] 


图 11.5 “添加 连接 ”对 话 框 二 
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@ 出 现 “ 配 置 Select 语句 ”对 话 框 ,选择 student 表 , 并 选中 所 有 列 的 复 选 框 ,如 图 11.6 所 
示 。 单 击 “ 高 级 "按钮, 出现 “高 级 SQL 生成 选项 ”对 话 框 ,选中 “生成 INSERT、UPDATE 和 
DELETE 语句 来 更 新 数据 源 ” 复 选 框 ,如 图 11.7 所 示 , 单 击 “ 确 定 ” 按 钮 。 
em aouoorr 7 8 0006CQf 
D>» 配置 Select 语句 


SELECT 语句 (UD): 
SELECT [姓名 ], [学 号] [性 别 | [民族 |, 蛆 呈 ] FROM [student] 写 


< 上 - 步 P) 下 一 步 (N) > [ 完成 取消 


图 11.6 “配置 Select 语句 ”对 话 框 


高 级 SQL 生成 迁 项 


可 以 生成 附加 的 INSERT、UPDATE 和 DELETE 语句 来 更 新 数据 源 . 


团 生成 INSERT、UPDATE 和 DELETE 语句 (G) 
基于 SELECT 语句 生成 INSERT、UPDATE 和 DELETE 语句 。 必 须 丢 定 所 有 主键 字 
段 才能 启用 此 选项 . 


使 用 开放 式 间 发 (0) 
修改 UPDATE 和 DELETE 语句 以 检测 咎 该 记录 加 载 到 DataSet 中 以 来 数据 库 星 否 更 
改 。 这 有 助 于 防止 并 发 冲突 . 


L | 


图 11.7 “高 级 SQL 生成 选项 "对话 框 


@ 单 击 “下 一 步 ? 按 钮 ,在 出 现 的 对 话 框 中 单 击 “ 测 试 查询 ”按钮 ,出现 如 图 11. 8 所 示 的 页 
面 ,表示 查找 成 功 。 单 击 “ 完 成 ”按钮 。 
这 样 就 在 网 页 中 建立 好 了 SqlDataSourcel 控件 , 它 对 应 的 源 视图 代码 如 下 : 


<asp:SqlDataSource ID = "SqlDataSourcel" runat = "server" 


第 11 章 ASP .NET 数据 控件 337 


ConnectionString = "<% $ ConnectionStrings:schoolConnectionString %>" 
DeleteCommand = "DELETE FROM [ student] WHERE [学 号 ] = @ 学 号 " 
InsertCommand = "INSERT INTO [ student] ([ 姓 名 ], [学 号 ], [性 别 ], [民族 ]，[ 班 号 ]) 
VALUES (@ 姓 名 ，@ 学 号 , @ 性 别 ,，@ 民 族 ,@ 班 号 )" 
SelectCommand = "SELECT [姓名 ], [学 号 ], [性 别 ], [民族 ],[ 班 号 ] FROM [ student]" 
UpdateCommand = "UPDATE [ student] SET [姓名 ] = @ 姓 名 , [性 别 ] = @ 性 别 ， 
[民族 ] = @ 民 族 , [ 班 号 ] = @ 班 号 WHERE [学 号 ] = @ 学 号 "> 
< DeleteParameters> 
<asp:Parameter Name = "学 号 " Type = "Int32" /> 
</DeleteParameters > 
< InsertParameters > 
<asp:Parameter Name = "姓名 " Type = "String" /> 
<asp:Parameter Name = "学 号 " Type = "Int32" /> 
<asp:Parameter Name = "性 别 " Type = "String" /> 
<asp:Parameter Name = "民族 " Type = "String" /> 
<asp:Parameter Name = " 班 号 " Type = "String" /> 
</InsertParameters > 
< UpdateParameters> 
<asp:Parameter Name = "姓名 " Type = "String" /> 
<asp:Parameter Name = "性 别 " Type = "String" /> 
<asp:Parameter Name = "民族 "Type = "String" /> 
<asp:Parameter Name = " 班 号 " Type = "String" /> 
<asp:Parameter Name = "学 号 "Type = "Int32" /> 
</UpdateParameters > 
</asp:SqlDataSource > 


配置 站 握 源 - SqlDataSourcel 


SELECT 语句 (D: 


SELECT [姓名 ] [学 号 ] 性别 [民族 |, 中] FROM [student] > 


Ed | CC 


图 11.8 “测试 查询 ”页 面 


从 上 述 代 码 看 到 ,通过 操作 为 SqlDataSourcel 控件 设置 了 执行 查询 .插入 修改 和 删除 的 
SQL 语句 ,并 以 student 表 的 主键 “学 号 ”为 参数 。 
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另外 ,在 步骤 @ 中 选中 “是 否 将 连接 保存 到 应 用 程序 配置 文件 中 ” 复 选 框 ,这 样 在 web. 
config 文件 的 中 自动 添加 如 下 配置 信息 : 

< connectionStrings> 

<add name = "schoolConnectionString" connectionString = "Data Source = LCB— PC; 
Initial Catalog = school; Integrated Security = True" 
providerName = "System. Data. SqlClient" /> 
</connectionStrings> 

选择 “视图 | 服务 器 资源 管理 器 "菜单 命令 ,看 到 “服务 
器 资源 管理 器 ”对 话 框 如 图 11. 9 所 示 ,表明 在 网 站 中 建立 
了 schoolConnectionString 数据 连接 ,网 站 的 各 个 网 页 都 
是 可 以 使 用 该 数据 连接 。 

由 于 SqlDataSource 控件 只 能 用 于 特定 的 数据 绑 定 
控件 (如 GridView 控件 等 ) 以 显示 数据 ,这 里 在 网 页 中 拖 
电 一 个 GridView 控件 GridViewl , 单 击 GridViewl 控件 
右上 方 的 智能 标记 思 ] ,在 出 现 *“GridView 任务 ”列表 中 ,将 “选择 数据 源 ” 选 择 为 SqlDataSourcel ， 
并 选中 “启动 分 页 ” 复 选 框 ,如 图 11. 10 所 示 ,设置 其 PageSize 属性 为 3。 


图 11.9 “服务 器 资源 管理 器 "对话 框 


图 11.10 “GridView 任务 "列表 


说 明 : GridView 控件 将 在 本 章 后 面 详细 介绍 ,这 里 仅仅 使 用 GridView 控件 显示 数据 的 
基本 功能 。 

@ 单 击 工 具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ,执行 结果 如 图 11. 11 所 示 , 用 户 可 以 
单 击 其 他 页 号 来 显示 对 应 页 的 数据 。 

从 上 例 看 到 ,SqlDataSourcel 控件 的 DeleteCommand InsertCommand 、 SelectCommand 
和 UpdateCommand 属性 都 是 自动 设置 的 ,实际 上 ,开发 人 员 也 可 以 定义 这 些 属性 和 参数 。 

【 练 一 练 】 在 本 章 CH11 网 站 中 添加 一 个 webform2 网 页 ,其 功能 是 采用 SqlDataSource 
控件 显示 指定 课程 号 的 学 生成 绩 表 。 

其 设计 步骤 如 下 : 

@ 打开 CH11 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH11” 对 话 框 ,在 
中 间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform2. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 
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按钮 。 
@ 本 网 页 的 设计 界面 如 图 11. 12 所 示 , 其 中 有 一 个 文本 框 TextBoxl .一 个 命令 按钮 
Buttonl ,一 个 SqlDataSourcel 控件 和 一 个 GridViewl 控件 。 


SqlDatasource - SqlDataSourcel 
课程 号 : | 


确定 
Column0Columnl Column2 
abc abc abc 
abc abc abc 
abc abc abc 
abc abc abc 


- 


4 » 


图 11.11 webforml 网 页 的 执行 界面 图 11.12 webform2 网 页 的 设计 界面 


@ 展开 SqlDataSourcel 控件 的 “SqlDataSource 任务 ”列表 ,选择 “配置 数据 源 ”, 在 出 现 的 
“选择 您 的 数据 连接 ?页面 中 选择 上 例 创建 的 schoolConnectionString 数据 连接 ,如 图 11.13 所 
示 。 单 击 “ 下 一 步 ” 按 钮 。 


图 11.13 指定 数据 连接 为 schoolConnectionString 


@ 在 出 现 的 “配置 Select 语句 页面 中 ,选择 “指定 自 定义 SQL 语句 或 存储 过 程 ”, 单 击 
“下 一 步 ” 按 钮 。 
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@ 在 出 现 的 “定义 自 定义 语句 或 存储 过 程 ” 页 面 中 ,选中 SELECT 选项 卡 ,输入 SQL 语 
句 如 下 : 


SELECT student. 学 号, student. 姓名 , score. 分 数 
FROM student, score 
WHERE student. 学 号 = score. 学 号 AND score. 课程 号 = @kch 


如 图 11.14 所 示 ,@kch 是 定义 的 参数 。 单 击 “下 一 步 "按钮 。 
RE 


D> 定义 自 定义 语句 或 存储 过 程 


单 主 选项 卡 为 该 组 作 创建 SQL 语句 。 
SELECT | UPDATE | INSERT | DELETE | 


图 SQL 语句 (S): 
SELECT student 学 号 .student 姓名 ,score 分 数 
FROM studentscore 
WHERE student 学 号 =score 学 号 AND score 课 性 号 =@kchH 


存储 过 得 (T): 


EE 


图 11.14 “定义 自 定义 语句 或 存储 过 程 ”页 面 


@ 出 现 “ 定 义 参数 ”页面 ,需要 定制 @kch 参数 ,因为 该 参数 的 值 来 源 于 网 页 中 的 TextBox1 
控件 ,所 以 从 参数 源 下 拉 列 表 中 选择 Control,ControlID 下 拉 列 表 中 选择 TextBoxl ,指定 默认 


值 为 201, 如 图 11. 15 所 示 。 单 击 “ 下 一 步 ”按钮 。 
@ 出 现 “ 测 试 查 询 ”" 页 面 , 单 击 “ 完 成 "按钮 。 此 时 看 到 SqlDataSourcel 控件 的 源 视图 代码 


如 下 : 


<asp:SqlDataSource ID = "SqlDataSourcel" runat = "server" 
ConnectionString = "<% $ ConnectionStrings:schoolConnectionString %>" 
SelectCommand = "SELECT student. 学 号 , student. 姓名 , score. 分 数 
FROM student, score 
WHERE student. 学 号 = score. 学 号 AND score. 课程 号 = @kch"> 
< SelectParameters > 
<asp:ControlParameter ControlID = "TextBox1" DefaultValue = "201" 
Name = "kch" PropertyName = "Text" /> 
</SelectParameters > 
</asp:SqlDataSource> 
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3 

向 导 在 您 的 SELECT 语句 中 检测 到 一 个 或 多 个 参数 。 请 为 SELECT 语句 中 的 每 个 参数 选择 参数 值 的 源 . 

参数 (E): 参数 源 (S): | 

名 称 值 Control 了 

kch TextBoxl Text 
TenBod 下 
DefaultValue: 
201 | 
显示 高 级 尾 性 

SELECT 语句 (LD): 

SELECT student 学 号 .student 姓 名 ,score. 分 数 3 

FROM studentscore 


图 11.15 “定义 参数 ”页面 


从 中 看 到 ,上 述 操作 为 SqlDataSourcel 控件 设置 了 SelectCommand 属性 和 相应 的 参数 属 
性 。 实 际 上 ,如 果 开 发 人 员 熟 悉 SqlDataSource 控件 ,也 可 以 不 使 用 向 导 而 直接 用 代码 创建 
SqlDataSource 控件 。 

单 击 GridView1 控件 右上 方 的 智能 标记 国 ] ,在 出 现 的 “GridView 任务 ”列表 中 ,将 “ 选 
择 数 据 源 ”选择 为 SqlDataSourcel。 

@@ 单 击 工 具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ,其 初始 执行 界面 如 图 11. 16 所 示 , 显 
示 201 课程 的 学 生成 绩 。 输 入 课程 号 101, 单 击 “ 确 定 ” 按 钮 ,其 执行 结果 如 图 11. 17 所 示 。 


| 


DD | repocalhosts352 p ~ ¢ 
x | 


@ 看 http://localhost63521 只 -《 
愿 localhost x 


图 11.16 webform2 网 页 的 执行 界面 一 图 11.17 webform2 网 页 的 执行 界面 二 
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本 例 的 命令 按钮 Buttonl 上 没有 设计 任何 自 定义 的 代码 , 它 仅 仅 取 得 提交 的 作用 。 在 网 
页 提交 时 ,SqlDataSourcel 控件 自动 更 新 数据 并 在 GridView1l 控件 中 显示 。 


11.2.3 SQL 注入 攻击 


SQL 注入 是 开发 人 员 未 预期 地 把 SQL 代码 传人 到 应 用 程序 的 过 程 。 只 有 直接 使 用 用 户 
提供 的 值 构建 SQL 语句 的 应 用 程序 才 会 受到 影响 ,因为 此 时 用 户 可 以 输入 特殊 的 来 查看 所 有 
数据 ,这 就 是 SQL 注 和 攻击。 

例如 ,在 CH11 网 站 中 添加 一 个 webform2-1 的 网 页 ,其 设计 界面 与 webform2 网 页 完 完 
全 相同 。 但 没有 使 用 SqlDataSource 控件 ,而 是 直接 使 用 用 户 提供 的 值 构 建 SELECT 语句 ,在 
该 网 页 中 设计 如 下 事件 处 理 方法 : 


protected void Button1_Click(object sender, EventArgs e) 
| if (TextBoxl. Text != "") 
{ string mystr, mysql; 
SqlConnection myconn = new SqlConnection(); 
SqlCommand mycmd = new SqlCommand(); 
mystr = System.Configuration. ConfigurationManager. 
ConnectionStrings["schoolConnectionString"].ToString(); 
myconn. ConnectionString = mystr; 
myconn. Open( ); 
mysql = "SELECT student. 学 号 , student. 姓名 , score. 分 数 "; 
mysql += "FROM student, score "; 
mysql += "WHERE student. 学 号 = score. 学 号 RND score. 课程 号 = "" 
+ TextBoxl.Text.Trim() + "'""; 
DataSet myds = new DataSet(); 
SqlDataAdapter myda = new SqlDataAdapter(mysql, myconn); 
myda. Fill(myds, "mydata"); 
myconn. Close( ); 
GridView1.DataSource = myds.Tables[ "mydata"]; 
GridViewl. DataBind( ); 


} 


执行 webform2-1 网 页 ,在 课程 号 文本 框 中 输入 “aa' OR '1'=='1”(SQL 注入 攻击 字符 串 )， 
其 结果 如 图 11. 18 所 示 ,这 是 因为 此 时 构成 的 SELECT 语句 如 下 : 

SELECT student. 学 号 , student. 姓名 , score. 分 数 

FROM student, score 

WHERE student. 学 号 = score. 学 号 AND score. 课程 号 = 'aa'OR '1'='1' 

尽管 上 面 语句 结果 没有 意义 ,但 在 许多 情况 下 会 获取 有 意义 的 信息 。 解 决 的 方法 之 一 是 
将 单 引号 替换 成 两 个 单 引 号 ,这 样 就 不 会 和 SQL 语句 中 的 分 隔 符 混淆 ,如 将 TextBoxl. Text. 
Trim() 用 TextBoxl. Text. Trim(). Replace("",""") 十 "" 表 示 。 当 然 , 如 果 文 本 框 中 确实 
需要 包含 单 引 号 ,这 样 做 也 会 出 现 问 题 。 

SqlDataSource 控件 考虑 了 这 种 SQL 注入 攻击 。 例 如 ,执行 webform2 网 页 ,输入 同样 的 
SQL 注入 攻击 字符 串 , 其 结果 如 图 11. 19 所 示 , 未 显示 任何 记录 说 明 没 有 出 现 SQL 注入 
攻击 。 
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[repynocalhoste3526n Pp- | We a 


恒 localhost x Se 
| 文件 (月 ”编辑 (E) ”查看 (V) ” 收 茂 夫 (A) ”工具 MT 帮助 (H) -一 
课程 号 : |aa' OR'T='1 a [hepaortsss2 ~ © 1 
确定 | @ localhost "ll 
ee | 文件 (月 ” 编 吉 (查看 (V) 收藏 夫 (A) 工具 ” 
h a 本 本 课程 号 : [aa OR "1=1 
1 王 华 83 
1 王 华 70 3 
1 | 王 华 [52 
1 王 华 76 v 
王 化 7 
图 11.18 webform2-1 网 页 的 执行 界面 图 11.19 webform2 网 页 的 执行 界面 
11.3 ”列表 绑 定 控件 
知识 梳理 


列表 绑 定 控件 概述 
列表 绑 定 控件 
列表 绑 定 控件 的 应 用 
11.3.1 列表 绑 定 控件 概述 


常用 的 列表 绑 定 控件 有 DropDownList、ListBox 控件 等 ,它们 的 基本 使 用 方法 已 在 第 7 
章 介绍 ,这 里 主要 讨论 这 些 列表 控件 如 何 与 数据 库 表 进 行 数据 绑 定 。 

在 实现 数据 绑 定时 ,列表 控件 主要 需要 设置 DataSource( 数 据 源 ) 和 DataTextField( 显 示 
的 绑 定 字段 ) 属 性 ,然后 调用 DataBind 方法 。 

例如 ,如 下 代码 通过 数据 绑 定 , 在 下 拉 列 表 DropDownListl 控件 中 显示 所 有 不 相同 的 班 
号 ,以 便 用 户 从 中 选择 一 个 班 号 : 


string mystr = System.Configuration.ConfigurationManager. 
ConnectionStrings[ "myconnstring" ]. ToString( ); 

SqlConnection myconn = new SqlConnection(); 

myconn. ConnectionString = mystr; 

myconn. Open( ); 

DataSet myds = new DataSet(); 

SqlDataAdapter myda = new SqlDataAdapter("SELECT distinct 班 号 FROM student",myconn); 

myda. Fill(myds, "student"); 

DropDownList1.DataSource = myds.Tables["student"]; 

DropDownList1. DataTextField = " 班 号 "; 

DropDownList1. DataBind( ); // 数 据 绑 定 

myconn. Close( ) ; 
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如 果 DropDownListl 控件 绑 定 的 是 SqlDataSourcel 控件 ,只 需 设置 DataSourceID 属性 
为 SqlDataSourcel ,设置 DataTextField 属性 为 SqlDataSourcel 控件 中 SELECT 语句 的 字段 
列表 。 


11.3.2 列表 绑 定 控件 的 应 用 


【 练 一 练 】 在 本 章 CH11 网 站 中 添加 一 个 webform3 网 页 ,其 功能 是 说 明 列 表 控件 的 使 
用 方法 。 

其 设计 步骤 如 下 : me > 

Q@ 打开 CH11 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ， | 间 5. 质 而 证 可 
出 现 “添加 新 项 -CH11” 对 话 框 ,在 中 间 列 表 中 选择 “Web 窗 | esesowee so 
体 ”, 将 文件 名 称 改 为 webform3. aspx, 其 他 保持 默认 项 , 单 
击 "添加 ”按钮 。 [me| 

@ 本 网 页 的 设计 界面 如 图 11. 20 所 示 , 其 中 有 一 个 | 澡 生 信 和 时 
DropDownListl 控件 ,一 个 ListBoxl 控件 、 一 个 Buttonl 


控件 和 两 个 SqlDataSource 控件 (SqlDataSourcel 和 到 TREE 


SqlDataSource2 ) 。 - 
@ 通过 操作 设置 所 有 控件 的 相关 属性 ,本 网 页 对 应 的 “ 
源 视图 代码 如 下 : 图 11.20 ”webform3 网 页 的 设计 界面 


< 外 @ Page Language = "C#" RutoEventWireup = "true" CodeFile = "webform3.aspx.cs" 
Inherits = "webform3" %> 
<! DOCTYPE html > 
<html xmlns = "http://www. w3. org/1999/xhtml"> 
< head runat = "server"> 
< meta http - equiv = "Content - Type" content = "text/html; charset = utf - 8"/> 
<title></title> 
< style type = "text/css"> 
.auto— stylel { 
font - family: 楷体 ; font - weight: bold; 
font - size: medium; color: #0000FF; 
} 
</style> 
</head> 
<body> 
<form id= "forml" runat = "server"> 
<div class = "auto— stylel"> 
< span class = "auto - stylel"> 班 号 : 
</span><asp:DropDownList ID = "DropDownList1" 
runat = "server" DataSourceID = "SqlDataSourcel"” DataTextField = " 班 号 " 
Height = "24px" Width= "84px"> 
</asp:DropDownList > 
<asp: SqlDataSource ID = "SqlDataSourcel" runat = "server" 
ConnectionString ="<% $ ConnectionStrings: schoolConnectionString % >" 
SelectCommand = " SELECT distinct 班 号 FROM student"> 
</asp:SqlDataSource> 
<br /><br /> 
<asp:Button ID = "Button1”runat = "server" style= "color: #FF0000; font— size: 
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medium; font - weight: 700; font - family: 黑体 " Text = "确定 " /> 
<br /><br /> 
满足 条 件 的 记录 < br /> 
</div> 
<asp:ListBox ID = "ListBoxl”runat = "server" DataTextField= "bf" 
DataSourceID = " SqlDataSource2"” Width = "220px" 
style = "color: # FFOOFF; font — size:medium;font - weight:700;font - family: 仿 宋 "> 
</asp:ListBox> 
<asp: SqlDataSource ID = "SqlDataSource2" runat = "server" 
ConnectionString ="<% $ ConnectionStrings: schoolConnectionString %>" 
SelectCommand = " SELECT CAST( 学 号 AS varchar)+''+ 姓 名 +''+ 性 别 +''+ 民族 
RS bf FROM student WHERE 班 号 = @bh"> 

< SelectParameters > 

< asp:ControlParameter ControlID = "DropDownList1" Name="bh" 
PropertyName = " SelectedValue" /> 
</SelectParameters > 
</asp: SqlDataSource > 
</form> 
</body> 
</html > 


@ 单 击 工 具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ,其 初始 执行 界面 如 图 11. 21 所 示 , 显 
示 15001 班 的 学 生 记 录 。 在 下 拉 列 表 中 选择 15002, 单 击 “ 确 定 ” 按 钮 ,其 执行 结果 如 图 11. 22 
所 示 。 


1 六 pr 
FRR [ec 同 EETESE 
@ localhost @ localhost x 国 


班 号 : |15001  v| 班 号 : |15002 ”YY 
确定 


确定 


满足 条 件 的 记录 满足 条 件 的 记录 
1 王 华 女 汉族 


| 2 导 丽 女 满族 
3 李兵 男 汉族 8 马 棋 男 回族 
6 张 军 男 汉族 


图 11.21 webform3 网 页 的 执行 界面 一 图 11.22 webform3 网 页 的 执行 界面 二 


11.4 ”GridView 控件 


知识 梳理 


GridView 控 件 概 述 
CCGriaview 搓 作 GridView 控 件 的 基本 设计 


GridView 控 件 的 复杂 设计 
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11.4.1 GridView 控件 概述 


GridView 控件 称 为 列表 视图 控件 ,是 最 重要 的 也 最 复杂 的 数据 绑 定 控件 之 一 。 该 控件 用 
于 在 一 个 列表 中 显示 数据 源 的 值 , 其 中 每 列表 示 一 个 字段 ,每 行 表示 一 条 记录 。 它 允许 用 户 选 
择 和 编辑 这 些 项 以 及 对 它们 进行 排序 等 。 

GridView 控件 的 常用 属性 及 其 说 明 如 表 11.7 所 示 , 常 用 方法 及 其 说 明 如 表 11. 8 所 示 ， 
常用 事件 及 其 说 明 如 表 11.9 所 示 。 


表 11.7 ”GridView 控件 的 常用 属性 及 其 说 明 


属 性 说 有 明 
AllowPaging 获取 或 设置 一 个 值 ,该 值 指示 是 否 启用 分 页 功能 
AllowSorting 获取 或 设置 一 个 值 ,该 值 指示 是 否 启用 排序 功能 


AlternatingRowStyle 
AutoGenerateColumns 
Columns 
DataKeyNames 
DataKeys 
DataMember 


DataSource 
DataSourceID 
EditIndex 
EditRowStyle 
GridLines 
PageCount 
PageIndex 
PagerSettings 


PagerStyle 


PagerTemplate 
PageSize 

Rows 
SelectedDataKey 
SelectedIndex 
SelectedRow 
SelectedRowStyle 
SelectedValue 
SortDirection 


SortExpression 


可 以 设置 GridView 控件 中 交替 数据 行 的 外 观 

获取 或 设置 一 个 值 ,该 值 指示 是 否 为 数据 源 中 的 每 个 字段 自动 创建 绑 定 字段 

获取 表示 GridView 控件 中 列 字 段 DataControlField 对 象 的 集合 
获取 或 设置 一 个 数组 ,该 数组 包含 了 显示 在 GridView 控件 中 项 主键 字段 的 名 称 
获取 一 个 DataKey 对 象 集合 ,这 些 对 象 表示 GridView 控件 中 每 一 行 的 数据 键 值 

当 数 据 源 包含 多 个 不 同 的 数据 项 列表 时 ,获取 或 设置 数据 绑 定 控件 绑 定 到 的 数据 
列表 的 名 称 

获取 或 设置 对 象 ,数据 绑 定 控件 从 该 对 象 中 检索 其 数据 项 列表 

获取 或 设置 控件 的 ID 

获取 或 设置 要 编辑 行 的 索引 

可 以 设置 GridView 控件 中 为 进行 编辑 而 选中 行 的 外 观 

获取 或 设置 GridView 控件 的 网 格 线 样式 

获取 在 GridView 控件 中 显示 数据 源 记 录 所 需 的 页 数 

获取 或 设置 当前 显示 页 的 索引 

获取 对 PagerSettings 对 象 的 引用 ,使 用 该 对 象 可 以 设置 GridView 控件 中 页 导航 按 
钮 的 属性 

获取 对 TableItemStyle 对 象 的 引用 ,使 用 该 对 象 可 以 设置 GridView 控件 中 页 导航 
行 的 外 观 

获取 或 设置 GridView 控件 中 页 导航 行 的 自 定义 内 容 

获取 或 设置 GridView 控件 在 每 页 上 所 显示 记录 的 数目 

获取 表示 GridView 控件 中 数据 行 GridViewRow 对 象 的 集合 

获取 DataKey 对 象 ,该 对 象 包含 GridView 控件 中 选中 行 的 数据 键 值 

获取 或 设置 GridView 控件 中 选中 行 的 索引 

获取 对 GridViewRow 对 象 的 引用 ,该 对 象 表示 控件 中 的 选中 行 

可 以 设置 GridView 控件 中 选中 行 的 外 观 

获取 GridView 控件 中 选中 行 的 数据 键 值 

获取 正在 排序 列 的 排序 方向 

获取 与 正在 排序 列 关联 的 排序 表达 式 
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表 11.8 ”GridView 控件 的 常用 方法 及 其 说 明 


天 . 著 说 明 

DataBind 将 数据 源 绑 定 到 GridView 控件 

DeleteRow 从 数据 源 中 删除 位 于 指定 索引 位 置 的 记录 

Sort 根据 指定 的 排序 表达 式 和 方向 对 GridView 控件 进行 排序 
UpdateRow 使 用 行 的 字段 值 更 新 位 于 指定 行 索引 位 置 的 记录 


表 11.9 GridView 控件 的 常用 方法 及 其 说 明 


事 件 说 明 
DataBinding 当 服 务 器 控件 绑 定 到 数据 源 时 发 生 
DataBound 在 服务 器 控件 绑 定 到 数据 源 后 发 生 


PageIndexChanged 在 单 击 某 一 页 导航 按钮 时 ,但 在 GridView 控件 处 理 分 页 操作 之 后 发 生 
PageIndexChanging 在 单 击 某 一 页 导航 按钮 时 ,但 在 GridView 控件 处 理 分 页 操作 之 前 发 生 


RowCommand 当 单 击 GridView 控件 中 的 按钮 时 发 生 

RowDataBound 在 GridView 控件 中 将 数据 行 绑 定 到 数据 时 发 生 

RowDeleted 在 单 击 某 一 行 的 “删除 ?按钮 时 ,但 在 GridView 控件 删除 该 行 之 后 发 生 
RowDeleting 在 单 击 某 一 行 的 “删除 ”按钮 时 ,但 在 GridView 控件 删除 该 行 之 前 发 生 
RowEditing 发 生 在 单 击 某 一 行 的 “编辑 ”按钮 以 后 ,GridView 控件 进入 编辑 模式 之 前 
RowUpdated 发 生 在 单 击 某 一 行 的 “更 新 "按钮, 并且 GridView 控件 对 该 行进 行 更 新 之 后 
RowUpdating 发 生 在 单 击 某 一 行 的 “更 新 ”按钮 以 后 ,GridView 控件 对 该 行进 行 更 新 之 前 


SelectedIndexChanged 发 生 在 单 击 某 一 行 的 “选择 ”按钮 ,GridView 控件 对 相应 的 选择 操作 进行 处 理 之 后 
SelectedIndexChanging 发 生 在 单 击 某 一 行 的 “选择 ”按钮 以 后 ,GridView 控件 对 相应 的 选择 操作 进行 处 理 之 前 
Sorted 在 单 击 用 于 列 排序 的 链接 时 ,但 在 GridView 控件 对 相应 的 排序 操作 进行 处 理 之 后 发 生 
Sorting 在 单 击 用 于 列 排序 的 链接 时 ,但 在 GridView 控件 对 相应 的 排序 操作 进行 处 理 之 前 发 生 


11.4.2 GridView 控件 的 基本 设计 


1. 绑 定 到 数据 设计 
GridView 控件 可 绑 定 到 数据 源 控 件 ( 如 SqlDataSource 等 ) ,以 及 实现 System. Collections. 
IEnumerable 接口 的 任何 数据 源 ( 如 System. Data. DataView System. Collections. ArrayList 
或 System. Collections. Hashtable 等 ) 。 使 用 以 下 方法 之 一 将 GridView 控件 绑 定 到 适当 的 数 
据 源 类 型 : 
。 若 要 绑 定 到 某 个 数据 源 控件 , 需 将 GridViewID 属性 设置 为 该 数据 源 控件 的 ID 值 (如 
SqlDataSourcel) 。GridView 控件 自动 绑 定 到 指定 的 数据 源 控件 ,并 且 可 利用 该 数据 
源 控 件 的 功能 来 执行 排序 .更 新 删除 和 分 页 功能 。 这 是 绑 定 到 数据 的 首选 方法 。 
。 若 要 绑 定 到 某 个 实现 System. Collections. IEnumerable 接口 的 数据 源 , 如 DataSet 对 
象 中 的 某 个 表 , 需 以 编程 方式 将 GridView 控件 的 DataSource 属性 设置 为 该 数据 源 ， 
然后 调用 DataBind 方法 。 当 使 用 此 方法 时 ,GridView 控件 不 提供 内 置 的 排序 .更 新 、 
删除 和 分 页 功能 。 需 要 使 用 适当 的 事件 提供 此 功能 。 
也 就 是 说 GridView 控件 的 DataSource 和 DataSourceID 两 个 属性 不 能 同时 使 用 。 下 面 
的 例子 说 明 第 1 种 方法 ,在 前 面 webform11-1 网 页 设计 就 是 采用 第 2 种 方法 。 
【 练 一 练 】 在 本 章 CH11 网 站 中 添加 一 个 webform4 网 页 ,其 功能 是 说 明 GridView 控件 
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绑 定 到 SqlDataSource 控件 的 使 用 方法 。 
其 设计 步骤 如 下 : 


@ 打开 CH11 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH11” 对 话 框 ,在 
中 间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform4. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 


按钮 。 


@ 向 本 网 页 中 拖 放 一 个 GridView 控件 GridView1。 展 开 *GridView 任务 ”列表 ,选择 


“新 建 数 据 源 ” 命 令 。 


@ 出 现 如 图 11. 23 所 示 的 “选择 数据 源 类 型 "页 面 ,选中 “数据 库 ”, 保 持 默 认 的 名 称 为 


SqlDataSourcel , 单 击 “确定 ”按钮 。 开 始 创建 一 个 SqlDataSource 控件 。 


国 选择 数据 源 类 型 
: 


2 


届 四 中 吊 本 民 


UNQ 。 XML 文件 对 多 站 点 地 图 


连接 到 ADO.NET 支持 的 任何 SQL 数据 库 ,如 Microsoft SQL Server、Orade 或 OLEDB。 


为 数据 源 指定 ID(1): 
SqlDataSourcel 


图 11.23 “选择 数据 源 类 型 "页 面 


@ 在 出 现 的 “选择 数据 连接 ”对 话 框 中 选择 前 面 创建 的 schoolConnectionString 数据 连 


接 。 单 击 “ 下 一 步 "按钮 。 


@ 在 出 现 的 “配置 Select 语句 ”页 面 中 ,选择 “指定 自 定 义 SQL 语句 或 存储 过 程 ”, 单 击 


“下 一 步 "按钮 。 


@ 在 出 现 的 “定义 自 定义 语句 或 存储 过 程 "页 面 中 ,输入 如 下 SELECT 语句 : 


SELECT student. 学 号 , student. 姓名 ,course. 课程 名 , score. 分 数 

FROM student, course, Score 

WHERE student. 学 号 = score. 学 号 AND course. 课程 号 = score. 课程 号 
ORDER BY course. 课程 号 , score. 分 数 DESC 


如 图 11. 24 所 示 , 单 击 “下 一 步 ? 按 钮 。 
@ 在 出 现 的 “测试 查询 ”页 面 中 , 单 击 “ 完 成 "按钮 。 


@ 单 击 工 具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ,其 执行 界面 如 图 11. 25 所 示 , 按 课程 


号 递增 ,分 数 递 减 列 出 所 有 学 生 的 学 号 、 姓 名 、 课 程 名 和 分 数 信息 。 
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定义 自 定义 语句 或 存储 过 程 
Te 


单 主 选 项 卡 为 该 组 作 创建 SQL 语句 . 
SELECT |uppATE | INSERT IE 


回 SQL 语句 (S): 


SELECT student 学 号 ,student 好 名 ,course 课 竹 名 ,score .分数 

FROM student coursescore 

WHERE student. 学 号 =score. 学 号 AND course. 课 程 号 =score. 课 程 号 
ORDER BY course 课 程 号 ,score. 分 数 DESd| 


图 11.24 “定义 自 定义 语句 或 存储 过 程 ”页 面 


从 本 网 页 的 源 视图 看 到 GridViewl 控件 的 代码 如 下 : 


< asp:GridView ID = "GridViewl" runat = " server" AutoGenerate- 
Columns = "False" 
DataKeyNames = "学 号 " DataSourceID = "SqlDataSourcel"> 
< Columns > 
< asp:BoundField DataField = "学 号 ”HeaderText = "学 号 " 
ReadOnly = "True"” SortExpression = "学 号 " /> 
<asp:BoundField DataField= "姓名 ”HeaderText = "姓名 " 
SortExpression = "姓名 " /> 
< asp:BoundField DataField = "课程 名 ”HeaderText = "课程 名 " 
SortExpression = "课程 名 " /> 
<asp:BoundField DataField = "分 数 " HeaderText = "分 数 " 
SortExpression = "分 数 " /> 
</Columns> 
</asp:GridView > 


也 可 以 在 网 页 在 先 创 建 好 SqlDataSourse 控件 SqlDataSoursel , 
然后 设置 GridViewl 控件 的 DataSourceID 为 SqlDataSoursel 。 

2. 分 页 功能 设计 

如 果 需 要 分 页 ,要 将 AllowPaging 属性 设置 为 True, PageSize 属性 设置 一 个 页 面 中 显示 
的 记录 个 数 , 另 外 ,PageCount 属性 获取 总 的 页 数 ,PageIndex 获取 当前 的 页 号 。PagerSettings 


属性 控制 GridView 控件 中 页 导航 行 的 设置 , 它 是 一 个 PagerSettings 类 对 象 ,其 常用 的 属性 如 
表 11. 10 所 示 。 


| 3 
加 国 国 国 鸭 
pon anh pn on 


到 
a] 
其 


图 11.25 webform4 网 页 
的 执行 界面 
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表 11.10 PagerSettings 对 象 的 常用 属性 及 其 说 明 


属性 说 明 
FirstPageImageUrl 获取 或 设置 为 第 一 页 按钮 显示 的 图 像 的 URL 
FirstPageText 获取 或 设置 为 第 一 页 按钮 显示 的 文字 
LastPageImageUrl 获取 或 设置 为 最 后 一 页 按钮 显示 的 图 像 的 URL 
LastPageText 获取 或 设置 为 最 后 一 页 按钮 显示 的 文字 
Mode 获取 或 设置 支持 分 页 的 控件 中 的 页 导航 控件 的 显示 模式 
NextPageImageUrl 获取 或 设置 为 下 一 页 按钮 显示 的 图 像 的 URL 
NextPageText 获取 或 设置 为 下 一 页 按钮 显示 的 文字 
PageButtonCount 获取 或 设置 在 Mode 属性 设置 为 Numeric 或 NumericFirstLast 值 时 页 导航 中 显示 

的 页 按钮 的 数量 
Position 获取 或 设置 一 个 值 ,该 值 指定 页 导航 的 显示 位 置 


PreviousPageImageUrl 获取 或 设置 为 上 一 页 按钮 显示 的 图 像 的 URL 
PreviousPageText 获取 或 设置 为 上 一 页 按钮 显示 的 文字 


其 中 ,PagerSettings 属性 的 Mode 有 4 种 取 值 : 

。 NextPrevious: 上 一 页 按钮 和 下 一 页 按钮 。 

。 NextPreviousFirstLast: 上 一 页 按钮 下 一 页 按钮 .第 一 页 按钮 和 最 后 一 页 按钮 。 

。 Numeric: 可 直接 访问 页 面 的 带 编 号 的 链接 按钮 。 

。 NumericFirstLast: 带 编号 的 链接 按钮 .第 一 个 链接 按钮 和 最 后 一 个 链接 按钮 。 

在 Mode 属性 设置 为 NextPrevious、NextPreviousFirstLast 或 NumericFirstLast 值 时 ,可 
以 通过 设置 PagerSettings 属性 的 以 下 属性 来 自 定义 非 数 字 按 钮 的 文字 : 

。 FirstPageText: 第 一 页 按钮 的 文字 。 

。 PreviousPageText: 上 一 页 按钮 的 文字 。 

。 NextPageText: 下 一 页 按钮 的 文字 。 

。 LastPageText: 最 后 一 页 按钮 的 文字 。 

也 可 以 通过 设置 PagerSettings 属性 的 以 下 属性 为 非 数字 按钮 显示 图 像 ; 

。 FirstPageImageUrl: 为 第 一 页 按钮 显示 图 像 的 URL。 

。 PreviousPagelImageUrl: 为 上 一 页 按钮 显示 图 像 的 URL。 

。 NextPageImageUrl: 为 下 一 页 按钮 显示 图 像 的 URL。 

。 LastPagelImageUrl: 为 最 后 一 页 按钮 显示 图 像 的 URL。 

例如 ,对 于 webform4 网 页 ,将 GridView1l 控件 的 PageSize 改 为 3, 并 设计 PagerSettings 
属性 如 下 : 


< PagerSettings mode = "NextPreviousFirstLast" 
FirstPageText = "首页 " 
NextPageText = "下 一 页 " 
PreviousPageText = "上 一 页 " 
LastPageText = " 尾 页 ” 
Position = "Bottom" /> 


执行 webform4 网 页 时 ,各 页 的 显示 界面 如 图 11. 26 所 示 。 
3. 基本 数据 操作 
GridView 控件 提供 了 很 多 内 置 功能 ,这 些 功 能 使 得 用 户 可 以 对 控件 中 的 项 进行 排序 更 
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CE CE 本 
总 localhost x 怕 localhost x 

区 号 星 名 沫 程 名 分 数 i 怪 S| 姓 名 | 课程 名 份 数 

I6 | 张 军 |C 语 言 |90 2 _ | 孙 丽 敬 据 结构 |52 
| ls 己 程 |c 8 丽 |C 首页 上 一 页 

1 甘 毕 |C 语 言 |80 

下 一 页 屋 页 

(a) 第 1 页 (b) 第 2 页 (ce) 最 后 一 页 


图 11.26 各 页 的 显示 界面 


新 ,删除 .选择 和 分 页 。 当 GridView 控件 绑 定 到 某 个 数据 源 控件 时 ,GridView 控件 可 利用 该 
数据 源 控件 的 功能 并 提供 自动 排序 、 更 新 和 删除 功能 。 


包含 更 新 .删除 或 选择 按钮 或 链接 的 列 称 为 命令 域 。 如 二 ee 
T 


图 11. 27 所 示 ,其 中 的 GridViewl 控件 用 于 操作 school 


命令 域 
数据 库 的 course 表 , 并 显示 命令 域 (CommandField)。 l 
(1) 删除 操作 


当 用 户 单 击 命令 域 中 的 “删除 ”按钮 时 ,网 页 被 刷 
新 , 且 对 应 的 行将 消失 。 删 除 操作 是 通过 调用 对 应 数据 图 ?7 药 有 命令 域 的 GridView1 控件 
源 控件 的 Delete 方法 (或 对 应 的 DELETE 语句 ) 实 现 的 。 

(2) 编辑 操作 

当 用 户 单 击 “ 编 辑 ” 按 钮 时 ,网 页 被 刷新 , 且 对 应 的 行进 入 可 编辑 状态 ,用 户 可 以 为 可 编辑 
字段 输入 新 值 。 可 编辑 状态 下 的 样式 由 EditRowStyle 属性 确定 ,此 时 ,“ 编 辑 ” 按 钮 被 “更 新 ” 
和 “取消 ”按钮 代替 ,前 者 保存 所 做 的 修改 ,后 者 放弃 所 做 的 修改 。 

更 新 操作 是 通过 调用 对 应 数据 源 控件 的 Update 方法 (或 对 应 的 UPDATE 语句 ) 实 现 的 。 

(3) 选择 操作 

当 用 户 单 击 “ 选 择 ” 按 钮 时 ,选中 的 行 以 SelectedRowStyle 样式 显示 。SelectedRow 属性 
表示 该 行 ,SelectedIndex 属性 表示 该 行 的 索引 。 

4. 其 他 重要 的 属性 

(1) AutoGenerateColumns 属性 

该 属性 获取 或 设置 网 页 运行 时 是 否 基于 关联 的 数据 源 自动 生成 列 。 其 默认 值 为 True, 也 
就 是 说 ,一 旦 指定 了 GridView 控件 的 数据 源 , 便 自 动 生成 相应 的 列 。 在 有 些 情况 下 ,不 希望 
自动 生成 列 , 而 是 通过 “GridView 任务 "列表 的 “编辑 列 " 命 令 来 设置 相关 的 列 , 此 时 要 将 
AutoGenerateColumns 属性 设 为 False。 

(2) DataKeyNames 和 DataKeys 属性 

DataKeyNames 属性 是 一 个 字符 串 数 组 ,指定 表示 数据 源 主键 的 字段 。 当 设置 了 
DataKeyNames 属性 时 ,GridView 控件 自动 为 该 控件 中 的 每 一 行 创建 一 个 DataKey 对 象 。 
DataKey 对 象 包含 在 DataKeyNames 属性 中 的 指定 的 字段 的 值 。DataKey 对 象 随后 被 添加 到 
控件 的 DataKeys 集合 中 。 使 用 DataKeys 属性 检索 GridView 控件 中 特定 数据 行 的 DataKey 
对 象 。 这 提供 了 一 种 访问 每 个 行 主 键 的 便捷 方法 。 例 如 : 


GridViewl. DataKeyNames = new string[ ] {" 学 号 "}; 
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TextBoxl. Text = GridViewl.DataKeys[0].Value.ToString(); 


GridView 控件 的 DataKeyNames 属性 可 被 设置 为 绑 定 到 GridView 的 数据 的 主键 列 和 名， 
如 果 设 置 了 该 属性 , GridView 控件 将 自动 跟踪 每 行 的 主键 列 值 。 当 绑 定数 据 源 控件 到 
GridView 控件 时 ,该 属性 自动 被 设置 为 数据 源 控件 返回 的 主键 列 。 

(3) Rows 属性 

Rows 属性 用 来 获取 表示 GridView 控件 中 数据 行 GridViewRow 对 象 的 集合 。 

通过 使 用 GridViewRow 对 象 的 Cells 属性 ,可 以 访问 一 行 的 单独 单元 格 。 如 果 某 个 单元 
格 包含 其 他 控件 , 则 通过 使 用 单元 格 的 Controls 集合 ,可 以 从 单元 格 检索 控件 。 如 果 控 件 指 
定 了 ID, 还 可 以 使 用 单元 格 的 FindControl 方法 来 查找 该 控件 。 

车 要 从 BoundField 字段 列 或 自动 生成 的 字段 列 检索 字段 值 , 需 使 用 单元 格 的 Text 属性 。 
若 要 从 将 字段 值 绑 定 到 控件 的 其 他 字段 列 类 型 检索 字段 值 , 需 先 从 相应 的 单元 格 检索 控件 , 然 
后 访问 该 控件 的 相应 属性 。 

例如 ,以 下 代码 显示 第 2 行 的 姓名 


TextBoxl. Text = GridView1.Rows[1].Cells[1].Text; // 第 2 个 单元 格 为 姓名 ,索引 均 从 0 开始 


【 练 一 练 】 在 本 章 CH11 网 站 中 添加 一 个 webform5 网 页 ,其 功能 是 说 明 GridView 控件 
的 分 页 ,编辑 和 删除 功能 的 使 用 方法 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH11 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 “ 添 加 新 项 -CH11” 对 话 框 ,在 中 间 
列表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform5. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ”按钮 。 

@ 向 本 网 页 中 拖 电 一 个 GridView 控件 GridView1。 展 开 “GridView 任务 ”列表 ,选择 
“新 建 数据 源 ” 命 令 。 出 现 * 选 择 数据 源 类 型 页面 ,选中 “数据 库 ”, 保 持 默认 的 名 称 为 
SqlDataSourcel , 单 击 “ 确 定 ” 按 钮 。 开 始 创建 一 个 SqlDataSource 控件 。 

@ 在 出 现 的 “选择 数据 连接 ”页 面 中 选择 前 面 创建 的 schoolConnectionString 数据 连接 。 
单 击 “下 一 步 ?按钮 。 

@ 像 图 11.6 和 图 11.7 那样 操作 ,最 后 单 击 “ 完 成 "按钮 返回 。 

@ 此 时 看 到 GridView 任务 列表 中 出 现 “ 启 动 分 页 "等 复 选 框 ,选中 各 个 复 选 框 如 图 11. 28 
所 示 。 


回 
| 


学 号 姓名 性 别 民族 班 号 | eridview GE 条 
选 泽 0 jabe abc_ |abc || | 下 


选择 2 labc abc jabc jabc | 过 二 源 |SqlDataSourcel 


和 


居民 忆 碌 也 民 慰 康 民 
本 


内 了 


11.28 勾 选 “启动 分 页 ”等 
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@ 将 GridViewl 控件 的 PageSize 属性 设置 为 3, 并 设置 相应 的 字体 和 颜色 属性 。 
@ 单 击 工具 栏 中 的 Pp Internet Explorer 按钮 执行 本 网 -一 - 


页 ,其 执行 界面 如 图 11. 29 所 示 。 用 户 可 以 单 击 * 编 辑 *、 | [JE ee po 中 内 
“删除 "或 "选择 "链接 进行 相应 的 操作 。 Beton -村 


webform5 网 页 中 GridViewl 控件 的 源 视图 代码 me re 
如 下 : 匡 至 副 东 议 怪 2 ”| 孙 丽 | 女 ” 演 旋 |15003 
阶 加 型 除 选 择 3 。 庚 兵 田 “汉族 [15001 
asp: GridView ID = " GridViewl " runat = " server" 12 
AllowPaging = "True" 
RutoGenerateColumns = " False”DataKeyNames = "学 号 " 
DataSourceID = "SqlDataSourcel" PageSize = "3" > 图 11.29 webforms 网 页 的 执行 界面 


< Columns> 
<asp:CommandField ShowDeleteButton = "True" ShowEditButton = "True" 
ShowSelectButton = "True" /> 
<asp:BoundField DataField = "学 号 " HeaderText = "学 号 " ReadOnly = "True" 
SortExpression = "学 号 " /> 
<asp:BoundField DataField = "姓名 " HeaderText = "姓名 ”SortExpression = "姓名 " /> 
<asp:BoundField DataField = "性 别 " HeaderText = "性 别 ” SortExpression = "性 别 ” /> 
<asp:BoundField DataField = "民族 "HeaderText = "民族 " SortExpression = "民族 " /> 
<asp:BoundField DataField= " 班 号 " HeaderText = " 班 号 "SortExpression = " 班 号 " /> 
</Columns > 
</asp:GridView> 

注意 : 本 例 没有 编写 一 行 代码 ,都 是 通过 用 户 操 作 来 实现 网 页 设计 的 。 通 过 查看 源 代码 
有 几 点 说 明 如 下 : 

GD 自动 设置 GridViewl 控件 的 SqlDataSource ID 属性 为 SqlDataSourcel 。 

@ SqlDataSourcel 控件 用 于 操作 school 数据 库 的 student 表 。 

@ 当 GridView 控件 绑 定 到 数据 源 控 件 SqlDataSourcel 时 ,DataKeyNames 属性 自动 设置 为 
数据 源 控件 返回 的 主键 列 ( 这 里 为 “学 号 ”) ,GridView 控件 中 的 每 行 都 是 以 DataKeyNames 属性 
值 为 关键 字 。 

@ 如 果 不 指定 对 应 SqlDataSourcel 控件 的 UpdateCommand、InsertCommand 和 Delete- 
Command 属性 , 则 GridViewl 控件 不 会 支持 更 新 、 插 入 和 删除 操作 。 本 例 通过 操作 自动 设置 
了 这 些 属性 。 


11.4.3 GridView 控件 的 复杂 设计 


1. 列 对 象 处 理 

(1) 列 字段 

前 面 的 例子 中 ,GridView 控件 的 各 个 列 都 是 通过 数据 源 控 件 自 动 生成 的 ,也 可 以 手工 创 
建 列 。 其 操作 是 ,选择 “GridView 列表 ”中 的 “编辑 列 ? 命 令 ,打开 * 字 段 ? 对 话 框 , 如 图 11. 30 所 
示 , 通 过 该 对 话 框 可 进行 列 字段 的 添加 删除 ,或 对 列 字段 的 属性 进行 设置 等 ,如 利用 
HeaderText 属性 设置 列 字段 呈现 的 文本 。 

不 同 的 列 字段 类 型 决定 控件 中 各 列 的 行为 方式 。 表 11. 11 列 出 了 可 以 使 用 的 不 同 列 字 段 
类 型 。 


354 电子 商务 网 站 开发 教程 一 一 基于 C# 十 ASP .NET 


团 自 动 生成 字段 (G) 


图 11.30 “字段 ”对话 框 


表 11.11 GridView 控件 列 字 类 型 及 其 说 明 


列 字 段 类 型 说 有明 
BoundField 显示 数据 源 中 某 个 字段 的 值 ,是 GridView 控件 的 默认 列 类 型 
ButtonField 为 GridView 控件 中 的 命令 域 ,其 中 每 个 项 显示 一 个 链接 或 按钮 。 这 样 可 以 创建 一 


列 自 定义 按钮 控件 ,如 “添加 ”或 “ 移 除 ”按钮 


CheckBoxField 为 GridView 控件 中 的 每 一 项 显示 一 个 复 选 框 ,此 列 字段 类 型 通常 用 于 显示 具有 布 
尔 值 的 字段 


CommandField 显示 用 来 执行 选择 、 编 辑 或 删除 操作 的 预定 义 命令 按钮 
HyperLinkField 将 数据 源 中 某 个 字段 的 值 显示 为 超 链接 ,此 列 字段 类 型 允许 将 另 一 个 字段 绑 定 到 


超 链 接 的 URL 

ImageField 为 GridView 控件 中 的 每 一 项 显示 一 个 图 像 

TemplateField 根据 指定 的 模板 为 GridView 控件 中 的 每 一 项 显示 用 户 定义 的 内 容 , 此 列 字段 类 型 
允许 创建 自 定义 的 列 字段 


(2) CommandField 列 字 段 
CommandField 列 字段 用 于 创建 命令 域 ,图 11. 31 列 出 了 CommandField 列 字段 的 属性 ， 
其 中 ButtonType 用 于 设置 其 按钮 类 型 , 取 值 为 Link( 默 认 值 ) 时 显示 为 链接 , 取 值 为 Button 
时 显示 为 按钮 , 取 值 为 Image 时 显示 为 指定 URL 的 图 像 。 
CommandField 列 字 段 几 个 重要 的 属性 ( 均 为 布尔 型 ) 如 下 : 
。 ShowCancelButton: 该 字段 用 于 设置 是 否 向 用 户 显示 “取消 按钮。 如果 为 True, 可 用 
CancelText 属性 设置 其 标题 。 
。 ShowDeleteButton: 该 字段 用 于 设置 是 否 向 用 户 显示 “删除 ”按钮 。 如 果 为 True, 可 用 
DeleteText 属性 设置 其 标题 。 
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可 用 字段 (A): 
上 是 ButtonField 
由 是 CommandField 
二 TemplateField 
日 因 DynamicField 
-看 课 得 号 
十 课 得 名 


选 定 的 字段 (S}: 
CommandField 
是 谋 企 三 
用 课 在 名 


图 11.31 CommandField 列 字段 的 属性 


。 ShowEditButton: 该 字段 用 于 设置 是 否 向 用 户 显示 “编辑 ”按钮 。 如 果 为 True, 可 用 
EditText 属性 设置 其 标题 。 
。 ShowlInsertButton: 该 字段 用 于 设置 是 否 向 用 户 显示 “插入 ”按钮 。 如 果 为 True, 可 用 
InsertText 属性 设置 其 标题 。 
。 ShowSelectButton: 该 字段 用 于 设置 是 否 向 用 户 显示 “选择 按钮。 如果 为 True, 可 用 
SelectText 属性 设置 其 标题 。 
例如 ,将 一 个 CommandField 列 字段 的 ButtonType 设置 为 Button, ShowDeleteButton、 
ShowEditButton 和 ShowSelectButton 设置 为 True, 其 他 为 False, 其 外 观 如 图 11. 32 所 示 。 
将 一 个 CommandField 列 字 段 的 ButtonType 设置 为 Button,ShowSelectButton 设置 为 True， 
其 他 为 False,SelectText 设置 为 “选择 一 个 记录 ”, 其 外 观 如 图 11. 33 所 示 。 


编辑 | | 出 除 | | 选择 | “101 。 语言 |[E 生 = 人 录 | ”101 。。 C 语 言 
绩 呈 | | 蜀 除 | [ 和 二 | 201 。 数据 结构 ER 好 |] 201 数据 结构 
图 11.32 CommandField 列 字段 的 外 观 一 图 11.33 CommandField 列 字段 的 外 观 二 


(3) BoundField 列 字 段 

BoundField 列 字段 用 于 创建 绑 定 字段 。GridView 控件 中 的 一 个 列 就 是 Columns 集合 属 
性 的 一 个 元 素 ,该 元 素 是 DataControlField 类 对 象 。DataControlField 类 的 常见 属性 如 表 11. 12 
所 示 。 例 如 ,如 下 语句 设置 GridViewl 控件 第 1 列 的 标题 为 Name: 


GridView1. Columns[0].HeaderText = "Name" 
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表 11.12 DataControlField 类 的 常见 属性 及 其 说 明 


属 性 说 明 
ControlStyle 获取 DataControlField 对 象 所 包含 的 任何 Web 服务 器 控件 的 样式 
FooterStyle 获取 或 设置 数据 控件 字段 脚注 的 样式 
HeaderStyle 获取 或 设置 数据 控件 字段 标 头 的 样式 
HeaderText 获取 或 设置 数据 控件 字段 的 标题 项 中 显示 的 文本 
ItemStyle 获取 由 数据 控件 字段 显示 的 任何 基于 文本 内 容 的 样式 
SortExpression 获取 或 设置 数据 源 控件 用 来 对 数据 进行 排序 的 排序 表达 式 


另外 , 像 HeaderStyle 这 样 的 样式 属性 又 是 TableltemStyle 类 对 象 ,具有 如 表 11. 13 所 示 
的 常用 属性 。 例 如 ,如 下 语句 设置 GridViewl 控件 第 1 列 的 标题 宽度 为 100 像素 : 


GridView1. Columns[0].HeaderStyle.Width= 100; 


表 11.13 列 的 样式 属性 的 常用 属性 及 其 说 明 


属 性 说 明 

BorderColor 获取 或 设置 Web 服务 器 控件 的 边框 颜色 

BorderStyle 获取 或 设置 Web 服务 器 控件 的 边框 样式 

BorderWidth 获取 或 设置 Web 服务 器 控件 的 边框 宽度 

Font 获取 与 Web 服务 器 控件 关联 的 字体 属性 

ForeColor 获取 或 设置 Web 服务 器 控件 的 前 景色 (通常 是 文本 颜色 ) 
Height 获取 或 设置 Web 服务 器 控件 的 高 度 

HorizontalAlign 获取 或 设置 单元 格 内 容 的 水 平 对 齐 方式 

VerticalAlign 获取 或 设置 单元 格 内 容 的 垂直 对 齐 方式 

Width 获取 或 设置 Web 服务 器 控件 的 宽度 


另外 ,GridView 控件 的 AlternatingRowStyle 属性 可 以 设置 其 中 的 交替 数据 行 的 外 观 ， 
SelectedRowStyle 属性 可 以 设置 其 中 选中 行 的 外 观 。 
例如 ,在 webform5 网 页 中 设计 如 下 设计 处 理 过 程 ,用 于 美化 界面 : 


protected void Page_Load(object sender, EventArgs e) 
{ int 起 
GridViewl.AlternatingRowStyle. BackColor = System.Drawing.Color.Pink; 
GridView1l. SelectedRowStyle. ForeColor = System.Drawing. Color.Red; 
GridViewl. SelectedRowStyle. BackColor = System.Drawing.Color.DarkSeaGreen; 
GridView1. Columns[0].HeaderStyle.Width = 130; 
GridView1. Columns[0]. ItemStyle. Font. Bold = true; 
GridView1. Columns[0]. ItemStyle. Font. Name = "仿宋 "; 
GridViewl.Columns[0].ItemStyle. Font. Size = 12; 
GridViewl.Columns[0]. ItemStyle. HorizontalAlign = HorizontalAlign. Center; 
GridView1. Columns[0]. ItemStyle. ForeColor = System.Drawing.Color.CadetBlue; 
or (3 1 < 5 
{ GridView1. Columns[i].HeaderStyle.Width = 70; 
GridViewl.Columns[i].HeaderStyle. Font. Bold = true; 
GridViewl.Columns[ i].HeaderStyle. Font. Name = "黑体 "; 
GridViewl.Columns[i].HeaderStyle. Font. Size = 14; 


第 11 章 ASP .NET 数据 控件 357 


GridView1. Columns[i].HeaderStyle.ForeColor = System.Drawing. Color. Red; 
} 
for (i = 1; i<= 5; i++) 
{ GridView1. Columns[i]. ItemStyle. Font. Bold = true; 
GridViewl.Columns[i]. ItemStyle. Font. Name = "楷体 "; 
GridView1.Columns[i]. ItemStyle. Font. Size = 12; 
GridView1. Columns[i]. ItemStyle. HorizontalAlign = HorizontalAlign. Center; 
GridView1. Columns[i]. ItemStyle. ForeColor = System.Drawing.Color.Black; 


i 


修改 后 webform5 网 页 的 执行 界面 如 图 11. 34 所 示 , 看 到 标题 字体 和 各 行 字体 不 同 ,同时 
设置 了 交替 数据 行 的 外 观 。 单 击 第 3 行 中 “选择 ”链接 ,其 界面 如 图 11. 35 所 示 , 看 到 选中 行 的 
外 观 也 不 相同 。 


大 http://localhost63526/webform5.aspx a Dp- 
< 一 


爸 htpy/localhost63526/webforms.aspx 


图 11.35 修改 后 webforms 网 页 的 执行 界面 二 


2. 列 模板 

有 时 ,需要 的 功能 是 系统 提供 的 列 字段 类 型 中 不 具备 的 ,需要 为 应 用 程序 添加 列 模板 。 

添加 列 模板 有 两 种 方式 : 第 一 种 是 通过 * 字 段 * 对 话 框 中 * 可 用 字段 ?列表 中 选取 
TemplateField 选项 , 单 击 “ 添 加 ”按钮 ,就 在 “ 选 定 的 字段 "列表 中 创建 了 一 个 模板 列 ; 第 二 种 
方式 是 通过 把 一 个 “ 选 定 的 字段 ”列表 中 现 有 的 列 转换 为 模板 列 ,通过 单 击 “ 将 些 字段 转换 为 
TemplateField” 链 接 完成 。 

在 完成 模板 的 转换 后 ,选择 “GridView 任务 ”中 的 “编辑 模板 "命令 ,就 可 以 编辑 该 模板 。 
TemplateField 类 包含 如 表 11. 14 所 示 的 多 个 模板 。 
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表 11.14 模板 类 型 


模板 类 型 说 明 
HeaderTemplate 在 列 头 部 显示 一 个 单元 格 , 即 列 头 部 模板 
FootTemplate 在 列 尾部 显示 一 个 单元 格 , 即 列 尾 部 模板 
ItemTemplate 显示 模式 下 的 每 行 单元 格 , 即 列 显 示 模 板 
AlternatiingItemTemplate 显示 模式 下 的 隔行 单元 格 , 即 隔行 模板 
EditItemTemplate 编辑 模式 下 的 单元 格 , 即 编辑 模板 
EmptyDataTemplate 当 没有 相应 数据 时 ,呈现 给 用 户 的 外 观 表 示 , 即 列 空 数据 模板 
PagerTemplate 分 页 模式 下 呈现 的 外 观 , 即 分 页 模板 


例如 ,在 GridView 控件 中 单 击 命令 域 的 “编辑 ”按钮 时 ,进入 记录 编辑 模式 ,但 默认 的 编 
辑 模式 外 观 不 美观 ,如 图 11. 36 所 示 ,课程 名 的 编 


辑 框 太 长 。 更 新 | | 取消 101 。 [C 请 言 
修改 编辑 模式 外 观 的 操作 是 ,进入 “字段 "对 [9 曲 ] [ 风 除 ] [县 生 | 201 数据 结构 
话 框 ,在 “ 选 定 的 字段 " 单 击 要 修改 的 字段 , 单 击 图 11.36 ”记录 编辑 外 观 


“将 此 字段 转换 为 TemplateField” 链 接 , 单 击 “ 确 

定 ” 按 钮 退出 “字段 "对话 框 。 展 开 “GridView 任务 ”列表 ,选择 “编辑 模板 ”命令 ,选中 该 字段 ， 
显示 其 所 有 模板 如 图 11. 37 所 示 , 此 时 开发 人 员 可 以 进行 修改 ,如 将 EditItemTemplate 中 的 
文本 框 改 短 。 


asp:enaviews enoven) 
GridView1 - Column[2] - 课程 名 个 Gridview 全 务 


HemTemplate 
[Label1] 5 Comni21 - [加 | 


AlternatingltemTemplate 


FooterTemplate 


SqlDataSource - SqlDataSourcel 


图 11.37 课程 名 列 的 TemplateField 


【 练 一 练 】 在 本 章 CH11 网 站 中 添加 一 个 webform6 网 页 ,其 功能 是 类 似 webform4 , 增 
加 分 页 和 分 数 转 换 为 等 级 的 功能 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH11 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH11” 对 话 框 ,在 
中 间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform6. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 
按钮 。 
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@ 采用 webform4 网 页 的 步骤 @ 一 @。 

@ 设置 GridViewl 控件 的 AllowPaging 属性 为 True,PageSize 属性 为 5。 

@ 从 GridViewl 控件 的 “GridView 任务 ”列表 中 选择 “编辑 列 ” 命 令 ,出现 “ 字 段 ” 对 话 框 ， 
从 “可 用 字段 ”列表 中 选中 TemplateField, 单 击 “ 添 加 ”按钮 将 其 加 入 到 “ 选 定 的 字段 "列表 中 ， 
选中 它 ,在 TemplateField 属性 中 将 HeaderText 属性 改 为 等级”, 如 图 11. 38 所 示 。 


- 国 ButtonField 

由 国 CommandField 
“二 TemplateField 
[上古 DynamicField 


图 11.38 “字段 ”对话 框 


Q@ 从 GridViewl 控件 的 “GridView 任务 ”列表 中 选择 “编辑 模板 ”命令 ,出 现 如 图 11. 39 
所 示 的 “模板 编辑 模式 ”列表 ,从 中 选择 Column[4] 下 面 的 ItemTemplate。 


idView1 - Column[4] - 等 级 
ItemTemplate 


AlternatingltemTemplate 
EditltemTemplate 
HeaderTemplate 
FooterTemplate 


“SqlDatasource - SqfbataSourcel 


图 11.39 “模板 编辑 模式 ”列表 


@ 在 ItemTemplate 区 中 拖 电 一 个 Label 控件 , 从 “Label 任务 ”列表 中 选择 “编辑 
DataBindings” 命 令 , 打 开 Labell DataBindings 对 话 框 ,在 “可 绑 定 属 性 ?中 选择 Text, 并 选中 
“ 自 定 义 绑 定 ?选项 ,在 代码 表达 式 文 本 框 中 输入 GetLevel(Eval( "分 数 ")) ,如 图 11. 40 所 示 。 
单 击 “确定 ”按钮 。 返 回 后 再 单 击 “GridView 任务 ”列表 中 的 “结束 编辑 模板 ”命令 。 

注意 : 数据 绑 定 表达 式 包 含 在 “二 %” 和 “% 记 ”分 隔 符 之 内 ,并 使 用 Eval 或 Bind 函数 ， 
Eval 函数 用 于 定义 单 向 (只 读 ) 绑 定 ; Bind 函数 用 于 定义 双向 (可 更 新 ) 绑 定 ; 在 调用 控件 或 


360 电子 商务 网 站 开发 教程 一 一 基于 C# 十 ASP .NET 


Page 对 象 的 DataBind 方法 时 ,会 对 数据 绑 定 表达 式 进行 解析 。 当 控件 仅 显 示 值 时 ,可 以 使 用 
Eval 方法 。 当 用 户 可 以 修改 数据 值 时 ,可 以 使 用 Bind 方法 。 如 果 模 板 包 含 值 可 能 被 用 户 更 
改 的 控件 (如 TextBox 或 CheckBox 控件 ) ,或 模板 允许 删除 记录 , 则 需 使 用 Bind 方法 。 


为 Text 绑 定 


站 字 良 晨 定 (: 
九 定 到 (8): 


格式 (O): 


示 WMS); 


图 自 定义 绑 定 (C): 


图 11.40 ”Labell DataBindings 对 话 框 


@ 在 本 网 页 上 设计 如 下 事件 过 程 : 


public string GetLevel(object s) 
{ intfs= int.Parse(s.ToString()) 7 
if (fs>=90) 
return(" 优 ") 
else if (fs>= 80) 
return(" 良 "); 
else if (fs>=70) 
return(" 中 "); 
else if (fs>=60) 
return(" 及 格 ") 
else 
return(" 不 及 格 "); 
} 


此 时 看 到 网 页 中 GridViewl 控件 的 源 视图 代码 如 下 : 


<asp:GridView ID = "GridViewl" runat = "server" AutoGenerateColumns = "False" 
DataKeyNames = "学 号 " DataSourceID= "SqlDataSourcel" 
AllowPaging = "True" PageSize = "5"> 
< Columns > 
<asp:BoundField DataField= "学 号 " HeaderText = "学 号 " ReadOnly = "True" 
SortExpression = "学 号 " /> 
<asp:BoundField DataField= "姓名 ”HeaderText = "姓名 ”SortExpression = "姓名 " /> 
<asp:BoundField DataField = "课程 名 ”HeaderText = "课程 名 " 
SortExpression = "课程 名 " /> 
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<asp:BoundField DataField= "分 数 " HeaderText = "分 数 " SortExpression = "分 数 " /> 
<asp:TemplateField HeaderText = "等 级 "> 
< ItemTemplate > 
< asp:Label ID = "Labell" runat = "server" 
Text = < 当 井 GetLevel(Eval(" 分 数 ")) %>></asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 
</Columns> 
</asp:GridView> 


@ 单 击 工具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ,其 


执行 界面 如 图 11. 41 所 示 。 从 中 看 到 ,等 级 列 会 自动 调用 。 |(@ 固 [Bwevemnons52 
GrtLevel 方法 产生 对 应 的 结果 。 localhost 


3. DataBinder 类 i 
前 例 中 使 用 了 动态 绑 定 ,实际 上 是 使 用 DataBinder 类 实 本 
现 的 ,该 类 提供 对 应 用 程序 快速 开发 设计 器 的 支持 以 生成 和 Ea 


| 孙 丽 |C 语 言 


分 析 数 据 绑 定 表达 式 语法 。 在 网 页 数据 绑 定语 法 中 可 以 使 
用 此 类 的 静态 方法 Eval 在 运行 时 计算 数据 绑 定 表 达 式 。 与 = 
标准 数据 绑 定 相 比 ,这 提供 的 语法 更 容易 记忆 ,但 是 因为 ”图 11.41 webform6 网 页 的 执行 界面 
DataBinder. Eval 提供 自动 类 型 转换 ,这 会 导致 服务 器 响应 
时 间 变 长。 

Eval 方法 的 基本 请 法 格式 如 下 : 


public static Object Eval(Object container, string expression) 


其 中 ,参数 container 指出 进行 计算 的 对 象 引 用 ; expression 指出 从 container 到 要 放置 在 绑 定 
控件 属性 中 的 公共 属性 值 的 导航 路 径 。 其 返回 值 为 Object, 它 是 数据 绑 定 表 达 式 的 计算 
结果 。 

必须 将 “二 %##” 和 “% 二 "标记 放 在 数据 绑 定 表达 式 的 两 头 ; 这 些 标记 也 用 于 标准 ASP 
.NET 数据 绑 定 。 当 数据 绑 定 到 模板 列表 中 的 控件 时 ,此 方法 尤其 有 用 。 

对 于 所 有 的 列表 Web 控件 ,如 DataGrid、DataList 或 Repeater, container 参数 值 均 应 为 
Container. Dataltem。 如 果 要 对 页 进行 绑 定 , 则 container 参数 值 应 为 Page。 

例如 ,使 用 Eval 方法 以 绑 定 到 Price 字段 ,其 使 用 代码 如 下 : 


< 多 # DataBinder.Eval(Container. DataItem，"Price") %> 


4. GridViewRow 类 

GridView 控件 中 的 单独 行 就 是 一 个 GridViewRow 对 象 。 

GridView 控件 将 其 所 有 数据 行 都 存储 在 Rows 集合 中 。 若 要 确定 Rows 集合 中 
GridViewRow 对 象 的 索引 , 需 使 用 RowIndex 属性 。 

通过 使 用 Cells 属性 ,可 以 访问 GridViewRow 对 象 的 单独 单元 格 。 如 果 某 个 单元 格 包含 
其 他 控件 , 则 通过 使 用 单元 格 的 Controls 集合 .可 以 从 单元 格 检索 控件 。 如 果 控 件 指定 了 ID， 
还 可 以 使 用 单元 格 的 FindControl 方法 来 查找 该 控件 。 

若 要 从 BoundField 字段 列 或 自动 生成 的 字段 列 检 索 字 段 值 , 需 使 用 单元 格 的 Text 属性 。 


362 电子 商务 网 站 开发 教程 一 一 基于 C# 十 ASP .NET 


若 要 从 将 字段 值 绑 定 到 控件 的 其 他 字段 列 类 型 检索 字段 值 , 先 从 相应 的 单元 格 检索 控件 ,然后 
访问 该 控件 的 相应 属性 。 

下 面 的 示例 演示 如 何 使 用 GridViewRow 对 象 , 从 GridView 控件 中 的 单元 格 检索 字段 
值 ,然后 在 网 页 上 显示 该 值 : 

GridViewRow selectRow = GridViewl.SelectedRow; 

String txt = selectRow.Cells[1].Text; 

【 练 一 练 】 在 本 章 CH11 网 站 中 添加 一 个 webform7 网 页 ,其 功能 是 修改 student 表 记 录 
的 班 号 。 

其 设计 步骤 如 下 : 

Q@ 打开 CH11 网 站 ,选择 “网 站 | 添加 新 项 "菜单 命令 ,出 现 “ 添 加 新 项 -CH11” 对 话 框 ,在 
中 间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform7. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 
按钮 。 

@ 向 网 页 中 拖 忠 一 个 GridView 控件 GridView1。 在 其 下 方 拖 忠 一 个 Button 控件 Buttonl 。 

@ 在 “GridView 任务 ”列表 中 选择 “自动 套用 格式 ”命令 设置 GridViewl 控件 的 外 观 为 
“石板 ”, 并 按照 前 面 例 子 的 方法 设置 其 连接 字符 串 为 SchoolConnectionString, 并 选中 “指定 自 
定义 SQL 语句 或 存储 过 程 " 复 选 框 ,进入 “定义 自 定义 语句 或 存储 过 程 " 页 面 ,输入 SELECT 
语句 如 图 11. 42 所 示 , 输 入 UPDATE 语句 如 图 11. 43 所 示 , 单 击 “下 一 步 ?按钮 ,再 单 击 “ 完 
成 ”按钮 返回 。 这 样 建立 了 SqlDataSourcel 控件 ,并 自动 将 GridViewl 控件 的 DataSourceID 
设置 为 SqlDataSourcel。 


fe 


国 -， 定义 自 定义 语句 或 存储 过 程 


单 击 选项 卡 为 该 操作 创建 SQL 语句 . 


SELECT |upDATE | INSERT | DELETE 


图 SQL 语句 (S): 
SELECT 学 号 姓名 ,性 别 民族 班 号 FROM student 


图 11.42 设置 SELECT 语句 
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在 “GridView 


国 -> 定义 自 定义 语句 或 存储 过 程 


单 二 选项 卡 为 该 操作 创建 SQL 语句 . 
SEEGT| UPDATE jmsERE|ipELETE| 
图 SQL 语句 (S): 
UPDATE student SET 班 号 =@bh WHERE 学 号 =@xh “ 
存储 过 得 (中 : 
< 上 一 步 (P) 下 一 步 (N) > 完成 (有 取消 


图 11.43 设置 UPDATE 语句 


此 时 ,SqlDataSourcel 控件 的 源 视图 代码 如 下 : 


<asp:SqlDataSource ID = "SqlDataSourcel" runat = " server” 


ConnectionString = "<% $ ConnectionStrings :schoolConnectionString %>" 
SelectCommand = "SELECT 学 号 ,姓名 ,性 别 , 民 族 , 班 号 FROM student" 
UpdateCommand = "UPDRTE student SET 班 号 = @bh WHERE 学 号 = @xh"> 
< UpdateParameters > 

<asp:Parameter Name = "bh" /> 

<asp:Parameter Name = "xh" /> 
</UpdateParameters > 


</asp:SqlDataSource > 


@ 在 “GridView 任务 "列表 中 选择 “编辑 列 " 命 令 , 打 开 “ 字 段 ” 对 话 框 ,从 “ 选 定 的 字段 ” 列 
表 中 选中 “ 班 号 ”, 单 击 “ 将 此 字段 转换 为 TemplateField”" 链 接 , 单 击 “ 确 定 ” 按 钮 返回 。 
任务 ”列表 中 选择 “编辑 模板 ”命令 ,指定 “Columns[4]- 班 号 ”下 的 
ItemTemplate 模板 ,删除 原来 的 Labell 控件 ,向 其 中 拖 忠 一 个 TextBox 控件 TextBoxl, 如 
图 11.44 所 示 。 从 “TextBox 任务 ”列表 中 选择 “编辑 DataBindings” 命 令 , 打开 TextBox1 
DataBindings 对 话 框 ,选择 “ 自 定义 绑 定 ” 单 选 按钮 ,在 代码 表达 式 文本 框 中 输入 DataBinder. Eval 
(Container. Dataltem," 班 号 ") ,如 图 11. 45 所 示 。 单 击 “ 确 定 ” 按 钮 。 返 回 后 青 单 击 "GridView 任 
务 ? 列 表 中 的 “结束 编辑 模板 ”命令 。 

此 时 ,GridViewl 控件 的 源 视图 代码 如 下 : 


<asp:GridView ID = "GridView1”runat = "server" AutoGenerateColumns = "False" 


BackColor = "White" BorderColor = "#E7E7FF" BorderStyle= "None" 
BorderWidth = "lpx" CellPadding = "3"” DataKeyNames = "学 号 " 
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aspiGridView#Gi 
GridViewl - Column[4] - 班 号 


HemTemplate 


= 


i AlternatingltemTemplate 
EditltemTemplate 
HeaderTemplate 


保存 更 改 FooterTemplate 


图 11.44 定义 ItemTemplate 模板 


Gridyviewl - Column[4] - 班 号 


DataBinder Eval(Container. Dataltem," 班 号 


图 11.45 TextBoxl DataBindings 对 话 框 


DataSourceID = "SqlDataSourcel" GridLines = "Horizontal" Width = "272px"> 
< AlternatingRowStyle BackColor = "#F7F7F7" /> 
<Columns > 
<asp:BoundField DataField = "学 号 " HeaderText = "学 号 " ReadOnly = "True" 
SortExpression = "学 号 " /> 
<asp:BoundField DataField= "姓名 ”HeaderText = "姓名 "SortExpression = "姓名 " /> 
<asp:BoundField DataField = "性 别 " HeaderText = "性 别 ” SortExpression = "性 别 "” /> 
<asp:BoundField DataField= "民族 ”HeaderText = "民族 ”SortExpression = "民族 " /> 
<asp:TemplateField HeaderText = " 班 号 ”SortExpression = " 班 号 "> 
< EditItemTemplate> 
< asp:TextBox ID = "TextBoxl”runat = " server"” Text = '<% 并 Bind(" 班 号 ") %>'/> 
</EditItemTemplate> 
< ItemTemplate > 
< asp:TextBox ID = "TextBoxl”runat = " server”Height = "17px" 
Text = '<% # DataBinder. Eval(Container.DataItem," 班 号 ") %>'Width="50px" /> 
</ItemTemplate > 
</asp:TemplateField> 
</Columns > 
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< FooterStyle BackColor = " #B5C7DE" ForeColor = "#4A3C8C" /> 
< HeaderStyle BackColor = " #4A3C8C" Font — Bold = "True" ForeColor = "#F7F7F7" /> 
< PagerStyle BackColor = " # ETETFF" ForeColor = "#4A3C8C" HorizontalAlign = "Right" /> 
< RowStyle BackColor = " #E7E7FF" ForeColor = "#4A3C8C" /> 
< SelectedRowStyle BackColor = "#738A9C" Font - Bold = "True" ForeColor = "#F7F7F7" /> 
< SortedAscendingCellStyle BackColor = " #F4F4FD" /> 
< SortedAscendingHeaderStyle BackColor = " #5A4C9D" /> 
< SortedDescendingCellStyle BackColor = " # D8D8F0" /> 
< SortedDescendingHeaderStyle BackColor = "#3E3277" /> 
</asp:GridView> 


@ 在 本 网 页 中 设计 如 下 事件 过 程 : 


protected void Button1_Click(object sender, EventArgs e) 
{ string xh; 
TextBox txtbh; 
int i; 
for (i = 0; i< GridViewl.Rows.Count; i++) 
{ txtbh = GridView1.Rows[i].FindControl("TextBoxl" ) as TextBox; 


// 在 该 行 中 找 TextBoxl 控件 
xh = GridViewl.Rows[i].Cells[0].Text;  // 提 取 该 行 的 学 号 
Update(xh, txtbh. Text); // 调 用 自 定义 过 程 进行 更 新 


} 

} 

protected void Update( string xh, string nbh) 

// 自 定义 过 程 ,调用 SqlDataSourcel 控件 的 Upadte 方法 

{ SqlDataSourcel. UpdateParameters[ "xh"].DefaultValue 
SqlDataSourcel. UpdateParameters[ "bh"]. DefaultValue 
SqlDataSourcel. Update( ); 


nbh; 
} 


在 Buttonl_Click 事件 处 理 方法 中 ,GridView1l. Rows[ 让 就 是 一 个 GridViewRow 对 象 ,表示 
GridViewl 控件 索引 为 i 的 行 对 象 。txtbh 一 GridView1. Rows[i]. FindControl("TextBox1") as 
TextBox 语句 的 功能 是 查找 到 用 户 选择 的 那 行 的 TextBoxl 控件 。 

在 自 定义 的 更 新 方法 中 ,通过 SqlDataSourcel. UpdateParameters["xh"]. DefaultValue 设置 
xh 参数 的 值 ,然后 调用 SqlDataSourcel 控件 的 Update() 方 法 ,从 而 更 新 student 数据 表 。 

@ 单 击 工 具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ,用 户 可 以 直接 修改 各 记录 的 班 号 ,如 
将 所 有 班 号 后 加 1, 如 图 11. 46 所 示 , 然 后 单 击 * 保 存 更 改 " 按 钮 , 则 数据 库 中 所 有 记录 发 生 更 
改 。 为 了 后 面 的 例子 ,将 所 有 数据 更 改 恢复 ,如 图 11. 47 所 示 , 青 单 击 “ 保 存 更 改 ” 按 钮 。 


(全 @ 关 httpi//localhost6352 PP- | 从 
总 localhost x 


11. 46 ”webform7 网 页 的 执行 界面 一 11. 47 ” webform7 网 页 的 执行 界面 二 
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注意 : 本 例 不 像 直接 使 用 GridView 控件 的 编辑 功能 ,只 能 一 次 修改 一 个 记录 ,而 是 一 次 
可 以 修改 多 个 记录 ,达到 批量 数据 修改 的 目的 ,在 实际 Web 应 用 程序 设计 中 十 分 实用 。 

5. GridView 控件 的 事件 设计 

GridView 控件 提供 了 一 系列 的 事件 ,包含 数据 绑 定 、 行 绑 定 、 行 编辑 . 行 更 新 ` 行 删除 、 分 
页 鼠标 和 排序 等 事件 。 根 据 这 些 事件 的 引发 时 刻 设计 相应 的 事件 处 理 方法 是 十 分 重要 的 。 

由 于 数据 源 控 件 封装 了 许多 功能 ,不 便于 理解 GridView 控件 的 事件 设计 原理 ,下 面 几 个 
例子 采用 第 10 章 介 绍 的 数据 库 访问 方法 进行 编程 。 

(1) 分 页 事件 设计 

【 练 一 练 】 在 本 章 CH11 网 站 中 添加 一 个 webform8 网 页 ,其 功能 是 利用 GridView 控件 
的 相关 事件 实现 数据 分 页 。 

其 设计 步骤 如 下 : 

@ 打开 CH11 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH11” 对 话 框 ,在 
中 间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform8. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 
按钮 。 

@ 向 网 页 中 拖 电 一 个 GridView 控件 GridViewl ,在 “GridView 任务 ”列表 中 选择 “自动 
套用 格式 ”命令 ,设置 GridViewl 控件 的 外 观 为 “石板 "”。 将 其 AllowPaging 属性 设置 为 true 
(允许 分 页 ) ,PageSize 属性 设置 为 4。 

@ 在 本 网 页 上 设计 如 下 事件 处 理 方法 : 


using System. Data. SqlClient; 
using System. Data; 
protected void Page_Load(object sender, EventArgs e) 
{ stringmystr, mysql; 
SqlConnection myconn = new SqlConnection(); 
SqlCommand mycmd = new SqlCommand(); 
mystr = System. Configuration. ConfigurationManager. 
ConnectionStrings[ "schoolConnectionString"].ToString( ); 
myconn. ConnectionString = mystr; 
myconn. Open( ); 
mysql = "SELECT * FROM score"; 
DataSet myds = new DataSet(); 
SqlDataAdapter myda = new SqlDataAdapter(mysql,myconn); 
myda. Fill(myds, "score"); 
myconn. Close(); 
GridView1.DataSource = myds.Tables["score"]; 
GridViewl. DataBind( ); 
} 


@ 单 击 工具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ,初始 界面 如 图 11. 48 所 示 ,但 单 击 页 
号 2 时 出 现 错误 ,如 图 11. 49 所 示 。 

如 果 指 定 GridViewl 控件 的 DataSourceID 为 SqlDataSourcel 控件 时 , 由 于 
SqlDataSourcel 控件 具有 分 页 功能 ,所 以 这 样 做 不 会 有 问题 。 本 例 采用 的 是 DataSet 对 象 , 它 
不 具备 分 页 功能 。 

解决 的 方法 是 设计 相应 的 GridView1l_PageIndexChanging 事件 处 理 方法 ,在 用 户 分 页 操 
作 时 重新 绑 定 。 修 改 本 网 页 的 事件 处 理 方法 如 下 : 
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protected void Page Load(object sender, EventArgs e) 
{ if (!Page. IsPostBack) 
{ 
bind(); // 在 网 页 首发 时 执行 
} 
} 
protected void bind() // 自 定义 绑 定 方法 
{ stringmystr, mysql; 
SqlConnection myconn = new SqlConnection(); 
SqlCommand mycmd = new SqlCommand(); 
mystr = System.Configuration.ConfigurationManager. 
ConnectionStrings[ "schoolConnectionString"]. ToString( ); 
myconn. ConnectionString = mystr; 
myconn. Open( ); 
mysql = "SELECT x FROM score"; 
DataSet myds = new DataSet(); 
SqlDataAdapter myda = new SqlDataAdapter(mysql, myconn); 
myda. Fill(myds, "score"); 
myconn. Close(); 
GridView1. DataSource = myds.Tables["score"]; 
GridViewl. DataBind(); 
} 
protected void GridView1_PageIndexChanging(object sender, 
System. Web. UI. WebControls. GridViewPageEventArgs e) 
{ // 分 页 事件 处 理 
GridView1.PageIndex = e.NewPageIndex; 
bind(); // 在 分 页 时 调用 自 定义 方法 


a a ed 
S| rp/ocalhostsss2 P - © [BG rtp/nocahostsss2om p - oN Ly 
@ localhost x @Grdview "Gridviewl x 二 
一 网 


“A 应 用 程序 中 的 服务 器 错误 。 


GridView"GridView1” 洲 发 了 关 从 至 扩 
焉 人 #"PageInadexChanging “。 


说 明 : 执行 当前 Web 请 求 期 间 ， 出 现 未 经 处 理 的 异常 。 请 检查 堆栈 跟 
踪 信息 ， 以 了 解 有 关 法 错误 以 及 代码 中 导致 错误 的 出 处 的 详细 信息 . MY 


图 11.48 webform8 网 页 的 执行 界面 一 图 11.49 webform8 网 页 的 执行 界面 二 


在 GridView1l_PageIndexChanging 事件 处 理 方 法 中 ,参数 e 为 GridViewPageEventArgs 
类 对 象 , 其 NewPageIndex 属性 用 于 获取 或 设置 要 在 GridView 控件 中 显示 的 新 页 的 索引 。 该 
事件 处 理 方法 在 用 户 单 击 某 一 页 导航 按钮 时 ,在 GridView 控件 处 理 分 页 操作 之 前 执行 ,将 
GridViewl 控件 的 当前 页 索引 PagelIndex 设置 为 新 页 的 索引 。 这 样 在 用 户 分 页 操作 时 ,将 当 
前 页 号 改 为 e. NewPagelIndex, 从 而 能 够 正确 实现 分 页 。 

(2) 行 绑 定 事件 设计 

【 练 一 练 】 在 本 章 CH11 网 站 中 添加 一 个 webform9 网 页 , 它 在 webform8 网 页 的 基础 上 
增加 功能 : 分 数 低 于 60, 用 红色 显示 ; 分 数 高 于 90( 含 ) ,用 绿色 显示 ; 其 他 用 黄色 显示 。 

其 设计 步骤 如 下 : 
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Q@ 打开 CH11 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH11” 对 话 框 ,在 
中 间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform9. aspx, 其 他 保持 默认 项 , 单 击 “ 添 加 ” 
按钮 。 
@ 本 网 页 的 设计 与 webformg 的 设计 相同 。 
@ 本 网 页 包含 webform8 的 所 有 事件 处 理 方法 ,另外 增加 如 下 事件 处 理 方法 : 
protected void GridView1_RowDataBound(object sender, 
System. Web. UI. WebControls. GridViewRowEventRrgs e) 
{ if (e.Row.RowIndex >= 0) 
{ floatfs = float.Parse(e.Row.Cells[2].Text.Trim()); // 提 取 该 行 的 分 数 
if (fs < 60) 
e. Row. BackColor = System.Drawing.Color.Red; 
else if (fs < 90) 
e. Row. BackColor = System.Drawing.Color.Yellow; 
else 
e. Row. BackColor = System.Drawing.Color.BlueViolet; 


} 


在 呈现 GridView 控件 之 前 ,该 控件 中 的 每 一 行 必须 绑 定 到 数据 源 中 的 一 条 记录 。 将 某 
个 数据 行 绑 定 到 GridView 控件 中 的 数据 以 后 ,将 引发 RowDataBound 事件 。 开 发 人 员 可 以 
提供 一 个 这 样 的 事件 处 理 方法 , 即 每 次 发 生 此 事件 时 就 执行 一 个 自 定 义 例 程 (如 修改 绑 定 到 该 
行 的 数据 的 值 )。 其 中 参数 e 为 GridViewRowEventArgs 类 对 象 , 表 示 引 发 事件 的 那个 
GridView 控件 的 行 (GridViewRow 对 象 )。 可 以 使 用 该 参数 访问 正在 绑 定 行 的 属性 , 若 要 访 
问 行 中 的 特定 单元 格 , 可 以 使 用 参数 e 的 Row 属性 ,该 属性 中 包含 的 GridViewRow 对 象 的 
Cells 属性 。 还 可 以 通过 使 用 GridViewRow 对 象 的 RowType 属性 ,确定 要 行 类 型 (是 标 头 行 
还 是 数据 行 等 ) 。 

@ 单 击 工具 栏 中 的 Internet Explorer 按钮 执行 本 网 
页 ,如 图 11. 50 所 示 ,看 到 不 同 分 数 的 显示 效果 。 图 |@ reocalhostsss2 Dp -ec 

(3) 行 操作 事件 设计 ohhost * 

【 练 一 练 】 在 本 章 CH11 网 站 中 设计 两 个 网 页 学 
webform10 和 webform10-1, 用 于 说 明 行 编辑 事件 的 
设计 方法 。 

其 设计 步骤 如 下 : 

@ 打开 CH11 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 
命令 ,出 现 “ 添 加 新 项 -CH11” 对 话 框 ,在 中 间 列 表 中 选 
择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform10. aspx, 其 
他 保持 默认 项 , 单 击 “ 添 加 ”按钮 。 

@ 在 webforml0 网 页 中 放 入 一 个 HTML 文字 和 一 个 GridViewl 控件 。 展 开 
GridViewl 控件 的 “GridView 任务 ”列表 ,指定 其 自动 套用 格式 为 “沙滩 和 天 空 "。 单 击 “ 编 辑 
列 " 进 入 “字段 ”对 话 框 ,从 “可 用 字段 ”中 添加 3 个 BoundField 字段 到 “ 选 定 字段 "中 ,将 第 1 个 
字段 的 DataField 和 HeaderText 属性 均 设 置 为 “学 号 ”, 第 2 个 字段 的 DataField 和 
HeaderText 属性 均 设 置 为 “课程 号 ”. 第 3 个 字段 的 DataField 和 HeaderText 属性 均 设 置 为 
“分 数 ”。 再 从 “可 用 字段 ”中 添加 3 个 CommandField 字段 到 * 选 定 字段 ?中 ,其 属性 设置 如 


图 11.50 ”webform9 网 页 的 执行 界面 
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图 11. 51 所 示 , 只 保留 “编辑 ”按钮 。 将 这 4 个 字段 的 ItemStyle 下 的 HorizontalAlign 属性 均 
设置 为 Center。 


加 自动 生成 字段 (G6) 


图 11.51 设置 CommandField 字段 的 属性 


@ 将 GridViewl 控件 的 AllowPaging 属性 设置 为 True, PageSize 属性 设置 为 5， 
AutoGenerateColumns 属性 设置 为 False。 
@ 本 网 页 包含 webform8 的 所 有 事件 处 理 方法 ,另外 增加 如 下 事件 处 理 方法 : 
protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e) 
{ string xh = GridView1.Rows[e. NewEditIndex].Cells[0].Text; 
Session["xh"] = xh; 
string kch = GridView1.Rows[e.NewEditIndex].Cells[1].Text; 
Session["kch"] = kch; 
string fs = GridViewl.Rows[e.NewEditIndex].Cells[2].Text; 
Session[ "fs"] = fs; 
Response. Redirect ("webform10 — 1.aspx"); // 转 向 webform10 -1 网 页 
3 
在 用 户 单 击 某 一 行 的 “编辑 ”按钮 后 ,在 GridView 控件 进入 编辑 模式 之 前 ,将 引发 
RowEditing 事件 。 开 发 人 员 可 以 提供 一 个 事件 处 理 方法 , 即 每 次 发 生 此 事件 时 就 执行 一 个 自 
定义 例 程 ( 如 取消 编辑 操作 或 调用 自己 的 编辑 网 页 )。 其 中 ,参数 。 
(GridViewEditEventArgs 类 对 象 ) 将 传递 给 事件 处 理 方法 , 其 
NewEditIndex 属性 获取 或 设置 所 编辑 行 的 索引 。 若 要 取消 编辑 
操作 ,可 以 将 参数 e 的 Cancel 属性 设置 为 True。 
@@ 再 添加 一 个 名 称 为 webform10-1 的 网 页 。 其 设计 界面 如 
图 11. 52 所 示 ,主要 包含 3 个 文本 框 和 2 个 命令 按钮 (Buttonl 和 
Button2) 。 文 本 框 从 上 到 下 分 别 为 TextBoxl 一 TextBox3 ,前 两 个 ”图 11.52 webform10-1 网 页 
为 只 读 的 。 的 设计 界面 
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@@ webform10-1 网 页 包含 的 事件 处 理 方法 如 下 : 


protected void Page Load(object sender, EventArgs e) 
{ if (!Page. IsPostBack) 
{ TextBox1. Text 
TextBox2. Text 
TextBox3. Text 


Session[ "xh"]. ToString().Trim(); 
Session[ "kch"]. ToString().Trim(); 
Session[ "fs"].ToString().Trim(); 


[i 


} 
} 
protected void Buttonl Click(object sender, EventArgs e) 
{ stringmystr, mysql; 
SqlConnection myconn = new SqlConnection(); 
SqlCommand mycmd = new SqlCommand(); 
mystr = System.Configuration.ConfigurationManager. 
ConnectionStrings[ "schoolConnectionString"].ToString(); 
myconn. ConnectionString = mystr; 
myconn. Open( ); 
mysql = "UPDATE score SET 分 数 =" + TextBox3. Text. Trim() 
+ "WHERE 学 号 =" + TextBoxl. Text. Trim() 
+ " AND 课程 号 = '" + TextBox2. Text. Trim() + ""; 
mycmd. CommandText = mysql; 
mycmd, Connection = myconn; 
mycmd. ExecuteNonQuery( ); 
myconn. Close( ); 
Response. Redirect( "webform10. aspx" ); // 返 回 webform10 网 页 
} 
protected void Button2_Click(object sender, EventArgs e) 
{ 
Response. Redirect ("webform10. aspx" ); // 返 回 webform10 网 页 
} 


@ 单 击 工 具 栏 中 的 bp Internet Explorer 按钮 执行 webform10 网 页 ,其 初始 界面 如 图 11. 53 所 
示 , 用 户 可 以 进行 分 页 操作 。 单 击 第 2 行 的 “编辑 ?按钮 ,出 现 如 图 11. 54 所 示 的 界面 ,用 户 可 


以 修改 分 数 (不 能 修改 学 号 和 课程 号 ) , 单 击 “ 更 新 "按钮 会 更 新 数据 库 , 然 后 返回 ; 单 击 “ 取 消 ” 
不 会 更 新 数据 库 , 直 接 返 回 。 


全 | 冶 htp//localhost6352 只 、 
碟 localhost x 
学 号 : [ 
课 程 : [201 
分 孝 : |83 


[| [到 ] 


图 11.53 ”webform10 网 页 的 执行 界面 图 11.54 webform10-1 网 页 的 执行 界面 


另外 常用 的 还 有 RowDeleting 事件 。 用 户 单 击 GridView 控件 中 的 某 一 行 的 “删除 ”按钮 
后 ,在 GridView 控件 删除 该 行 之 前 ,将 引发 RowDeleting 事件 。 开 发 人 员 可 以 提供 一 个 如 下 
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的 事件 处 理 方法 , 即 每 次 发 生 此 事件 时 就 执行 一 个 自 定义 例 程 ( 如 取消 删除 操作 )。 

void GridViewl RowDeleting(Object sender, GridViewDeleteEventArgs e) 
其 中 ,参数 e(GridViewDeleteEventArgs 类 对 象 ) 可 以 确定 当前 行 的 索引 , 它 的 RowIndex 属 
性 用 于 获取 所 删除 行 的 索引 。 若 要 取消 删除 操作 ,可 以 将 e 的 Cancel 属性 设置 为 True。 

6. DataView 类 

在 GridView 控件 实现 数据 绑 定 中 经 常用 DataView 对 象 。DataView 对 象 能 够 创建 
DataTable 中 所 存储 数据 的 不 同 视图 ,用 于 对 DataSet 中 的 数据 进行 排序 .过滤 和 查询 等 操作 。 
DataView 类 对 象 最 常用 的 使 用 方式 如 图 11. 55 所 示 。 


某 个 表 的 DefaultView 属 性 


绑 定 | aridview 


控件 


DataView 
对 象 


DataSet 
对 象 


图 11.55 DataView 类 对 象 的 使 用 方式 


DataView 对 象 类似 于 数据 库 中 的 View 功能 ,提供 DataTable 列 (Column) 排 序 、 过 滤 记 
录 (Row) 及 记录 的 搜索 , 它 的 一 个 常见 用 法 是 为 控件 提供 数据 绑 定 。 

DataView 对 象 的 构造 函数 如 下 : 

DataView() 

DataView(table) 

DataView(table, RowFilter, Sort, RowState) 
其 中 ,table 参数 指出 要 添加 到 DataView 的 DataTable ; RowFilter 参数 指出 要 应 用 于 DataView 
的 RowFilter。Sort 参数 指出 要 应 用 于 DataView 的 Sort; RowState 参数 指出 要 应 用 于 
DataView 的 DataViewRowState。 

为 给 定 的 DataTable 创建 一 个 新 的 DataView ,可 以 声明 该 DataView, 把 DataTable 的 一 
个 引用 mydt 传 给 DataView 构造 函数 。 例 如 : 


DataView mydv = new DataView(mydt); 


用 过 滤 条 件 属性 可 以 得 到 DataView 中 数据 行 的 一 个 子 集 合 , 也 可 以 为 这 些 数据 排序 。 

DataTable 对 象 提供 DefaultView 属性 返回 默认 的 DataView 对 象 。 例 如 : 

DataView mydv = new DataView(); 

mydv = myds.Tables["student"].DefaultView; 

上 述 代码 从 myds 数据 集中 取得 student 表 的 默认 内 容 , 再 利用 相关 控件 (如 
DataGridView) 显 示 内 容 , 指 定数 据 来 源 为 mydv。 

DataView 对 象 的 常用 属性 如 表 11. 15 所 示 。 其 常用 方法 如 表 11. 16 所 示 。 

例如 ,设计 一 个 A 网 页 ,获取 用 户 输入 的 一 个 查询 条 件 字符 串 condstr, 在 该 网 页 中 通过 
如 下 代码 调用 B 网 页 : 


Server. Transfer("B.aspx?" + "condstr =" + condstr); 


在 B 网 页 中 设计 如 下 事件 处 理 方法 ,用 于 在 一 个 GridViewl 控件 中 显示 从 student 表 查 
询 的 满足 condstr 条 件 的 结果 : 
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DataView mydv = new DataView(); 
protected void Page Load(object sender, EventArgs e) 


{ 


string condstr = Request. QueryString["condstr"]; 
string mystr = ConfigurationManager. 

ConnectionStrings[ "schoolConnectionString"]. ToString( ); 
SqlConnection myconn = new SqlConnection(); 
myconn. ConnectionString = mystr; 
myconn. Open( ); 
DataSet myds = new DataSet(); 
SqlDataAdapter myda = new SqlDataAdapter("SELECT * FROM student", myconn); 
myda. Fill(myds, "student"); 
mydv = myds.Tables["student"].DefaultView;  // 获 得 DataView 对 象 mydv 
mydv. RowFilter = condstr; // 过 滤 DataView 中 的 记录 
GridViewl.DataSource = mydv; 
GridView1.DataBind( ) 7 


表 11.15 DataView 的 常用 属性 及 其 说 明 


属 性 说 明 
AllowDelete 设置 或 获取 一 个 值 ,该 值 指示 是 否 允 许 删除 
AllowEdit 获取 或 设置 一 个 值 ,该 值 指示 是 否 允 许 编辑 
Allownew 获取 或 设置 一 个 值 ,该 值 指 示 是 否 可 以 使 用 Addnew 方法 添加 新 行 
ApplyDefaultSort 获取 或 设置 一 个 值 ,该 值 指 示 是 否 使 用 默认 排序 
Count 在 应 用 RowFilter 和 RowStateFilter 之 后 ,获取 DataView 中 记录 的 数量 
Item 从 指定 的 表 获 取 一 行 数据 
RowFilter 获取 或 设置 用 于 筛选 在 DataView 中 查看 哪些 行 的 表达 式 
RowStateFilter 获取 或 设置 用 于 DataView 中 的 行 状态 筛选 器 
Sort 获取 或 设置 DataView 的 一 个 或 多 个 排序 列 以 及 排序 顺序 
Table 获取 或 设置 源 DataTable 

表 11.16 DataView 的 常用 方法 及 其 说 明 

方 法 说 明 

Addnew 将 新 行 添 加 到 DataView 中 

Delete 删除 指定 索引 位 置 的 行 

Find 按 指定 的 排序 关键 字 值 在 DataView 中 查找 行 

FindRows 返回 DataRowView 对 象 的 数组 ,这 些 对 象 的 列 与 指定 的 排序 关键 字 值 匹配 

ToTable 根据 现 有 DataView 中 的 行 ,创建 并 返回 一 个 新 的 DataTable 

11.5 DetailsView 控件 
知识 梳理 


DetailsView 控 件 概述 
DetailsView 控 件 的 应 用 
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11.5.1 DetailsView 控件 概述 


DetailsView 控件 显示 来 自 数据 源 单条 记录 的 值 ,其 中 每 个 数据 行 表示 该 记录 的 一 个 字 
段 。 它 可 与 GridView 控件 结合 使 用 ,用 于 主 /详细 信息 方案 。DetailsView 控件 支持 的 功能 
有 绑 定 到 数据 源 控件 (如 SqlDataSource) ,内 置 插入 功能 ,内 置 更 新 和 删除 功能 ,内 置 分 页 功 
能 ,以 编程 方式 访问 DetailsView 对 象 模型 以 动态 设置 属性 、 处 理事 件 等 。 

DetailsView 控件 的 许多 用 法 与 GridView 控件 类 似 。DetailsView 控件 的 常用 属性 及 其 
说 明 如 表 11. 17 所 示 , 常 用 方法 其 说 明 如 表 11. 18 所 示 ,常用 事件 其 说 明 如 表 11. 19 所 示 。 


属 性 


表 11.17 DetailsView 控件 的 常用 属性 及 其 说 明 
说 明 


AllowPaging 
AutoGenerateDeleteButton 


AutoGenerateEditButton 
AutoGenerateInsertButton 
AutoGenerateRows 


Dataltem 
DataltemCount 
DataltemIndex 
DataKey 
DataMember 


DataSource 
DataSourceID 
DefaultMode 
GridLines 
HorizontalAlign 
InsertRowStyle 


PageCount 


PageIndex 
SelectedValue 


方法 


获取 或 设置 一 个 值 ,该 值 指示 是 否 启用 分 页 功能 

获取 或 设置 一 个 值 , 该 值 指 示 用 来 删除 当前 记录 的 内 置 控件 是 否 在 
DetailsView 控件 中 显示 

获取 或 设置 一 个 值 , 该 值 指示 用 来 编辑 当前 记录 的 内 置 控 件 是 否 在 
DetailsView 控件 中 显示 

获取 或 设置 一 个 值 ,该 值 指示 用 来 插入 新 记录 的 内 置 控件 是 否 在 DetailsView 
控件 中 显示 

获取 或 设置 一 个 值 ,该 值 指示 对 应 于 数据 源 中 每 个 字段 的 行 字段 是 否 自动 生 
成 并 在 DetailsView 控件 中 显示 

获取 绑 定 到 DetailsView 控件 的 数据 项 

获取 基础 数据 源 中 的 项 数 

从 基础 数据 源 中 获取 DetailsView 控件 中 正在 显示 的 项 的 索引 

获取 一 个 DataKey 对 象 , 该 对 象 表 示 所 显示 的 记录 的 主键 

当 数 据 源 包含 多 个 不 同 的 数据 项 列表 时 ,获取 或 设置 数据 绑 定 控件 绑 定 到 的 
数据 列表 的 名 称 

获取 或 设置 对 象 ,数据 绑 定 控件 从 该 对 象 中 检索 其 数据 项 列表 
获取 或 设置 控件 的 ID ,数据 绑 定 控件 从 该 控件 中 检索 其 数据 项 列表 
获取 或 设置 DetailsView 控件 的 默认 数据 输入 模式 

获取 或 设置 DetailsView 控件 的 网 格 线 样式 

获取 或 设置 DetailsView 控件 在 页 面 上 的 水 平 对 齐 方式 

获取 一 个 对 TableItemStyle 对 象 的 引用 ,该 对 象 允许 设置 在 DetailsView 控件 
处 于 插入 模式 时 DetailsView 控件 中 数据 行 的 外 观 

获取 数据 源 中 的 记录 数 

获取 或 设置 所 显示 的 记录 的 索引 

获取 DetailsView 控件 中 的 当前 记录 的 数据 键 值 


表 11. 18 DetailsView 控件 的 常用 方法 及 其 说 明 
说 明 


ChangeMode 将 DetailsView 控件 切换 为 指定 模式 newMode。 其 中 newMode 的 取 值 为 DetailsViewMode. 
Edit(DetailsView 控件 处 于 编辑 模式 ,这 样 用 户 就 可 以 更 新 记录 的 值 )、DetailsViewMode. 
Insert(DetailsView 控件 处 于 插入 模式 ,这 样 用 户 就 可 以 向 数据 源 中 添加 新 记录 ) 或 
DetailsView. ReadOnly(DetailsView 控件 处 于 只 读 模 式 , 这 是 通常 的 显示 模式 ) 

DataBind 将 来 自 数据 源 的 数据 绑 定 到 控件 

DeleteItem 从 数据 源 中 删除 当前 记录 

InsertItem ”将 当前 记录 插入 到 数据 源 中 

UpdateItem ”更 新 数据 源 中 的 当前 记录 
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表 11.19 DetailsView 控件 的 常用 事件 及 其 说 明 


事 件 说 明 
ItemCommand 当 单 击 DetailsView 控件 中 的 按钮 时 引发 
ItemCreated 在 DetailsView 控件 中 创建 记录 时 引发 
ItemDeleted 在 单 击 DetailsView 控件 中 的 “删除 ”按钮 时 ,但 在 删除 操作 之 后 引发 
ItemDeleting 在 单 击 DetailsView 控件 中 的 “删除 ”按钮 时 ,但 在 删除 操作 之 前 引发 
ItemInserted 在 单 击 DetailsView 控件 中 的 “插入 ”按钮 时 ,但 在 插入 操作 之 后 引发 
ItemInserting 在 单 击 DetailsView 控件 中 的 “插入 ”按钮 时 ,但 在 插入 操作 之 前 引发 
ItemUpdated 在 单 击 DetailsView 控件 中 的 “更 新 ”按钮 时 ,但 在 更 新 操作 之 后 引发 
ItemUpdating 在 单 击 DetailsView 控件 中 的 “更 新 ”按钮 时 ,但 在 更 新 操作 之 前 引发 
PageIndexChanged 当 PagelIndex 属性 的 值 在 分 页 操作 后 更 改 时 引发 
PageIndexChanging 当 PageIndex 属性 的 值 在 分 页 操作 前 更 改 时 引发 


11.5.2 DetailsView 控件 的 应 用 


DetailsView 控件 可 以 用 于 记录 编辑 ,但 更 多 的 情况 是 与 GridView 控件 关联 使 用 ,构成 
主 细 表 。 

【 练 一 练 】 在 本 章 CH11 网 站 中 添加 一 个 webformll 网 页 ,其 功能 是 通过 GridView 控 
件 和 DetailsView 控件 来 操作 student 表 记 录 。 

其 设计 步骤 如 下 : 

QO@ 打开 CH11 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH11” 对 话 框 ,在 
中 间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webformll. aspx, 其 他 保持 默认 项 , 单 击 “ 添 
加 ”按钮 。 

@ 在 本 网 页 中 插入 一 个 2 行 2 列 的 表格 。 第 一 行 放置 两 个 起 提示 作用 的 HTML 文字 。 

@ 向 表格 的 第 2 行 第 1 列 中 拖 电 一 个 GridView 控件 GridViewl ,指定 其 自动 套用 格式 
为 “沙滩 和 天 空 ”。 采 用 前 面 介 绍 的 操作 建立 其 数据 源 控件 为 SqlDataSourcel 控件 (使 用 “高 
级 "按钮 生成 INSERT UPDATE 和 DELETE 语句 ), 它 用 于 连接 school 数据 库 的 student 
表 , 单 击 “ 完 成 ”按钮 。 通 过 “GridView 任务 ”列表 选中 “启动 分 页 ”"“ 启 动 排序 ”“ 启 动 删除 ”和 
“启动 选 定 内 容 " 复 选 框 。 设 置 其 PageSize 属性 为 4。 

@ 向 表格 的 第 2 行 第 2 列 中 拖 电 一 个 DetailsView 控件 DetailsViewl1。 指 定 其 
DataSourceID 为 AccessDataSourcel ,通过 “DetailsView 任务 ”列表 选中 “启动 插入 ”和 “启动 编 
辑 ” 复 选 框 。 指 定 自动 套用 格式 为 “红糖 ”"。 本 网 页 设计 界面 如 图 11. 56 所 示 。 


| 半生 元 录放 单个 学 生 记录 编辑 一 
1 要 机 | 区 


| 12 
‘SqlDatasource - SqlDataSourcel 


11.56 ”webform11 网 页 的 设计 界面 
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@ 在 该 网 页 上 设计 如 下 事件 过 程 : 


protected void GridViewl SelectedIndexChanged(object sender, EventArgs e) 

{ DetailsView1. ChangeMode(DetailsViewMode. ReadOnly); 
DetailsView1l.PageIndex = GridView1.PageIndex * GridView1.PageSize 

+ GridViewl.SelectedIndex; 

$ 

protected void GridView1_PageIndexChanged(object sender, EventArgs e) 

{ DetailsViewl.ChangeMode(DetailsViewMode. ReadOnly); 
DetailsViewl.PageIndex = GridView1.PageIndex * GridViewl.PageSize; 

} 


由 于 SqlDataSourcel 控件 具有 选择 和 分 页 功能 ,在 上 面 的 方法 中 ,使 用 GridVeiwl 控件 
的 PageIndex 和 PageSize 来 决定 DetailsViewl 控件 当前 的 页 面 索引 。 使 两 个 控件 同步 。 

@ 单 击 工 具 栏 中 的 p> Internet Explorer 按钮 执行 本 网 页 ,在 GridViewl 控件 中 单 击 学 号 3 记 
录 的 “选择 ?连接 ,DetailsViewl 控件 中 显示 该 记录 ,如 图 11. 57 所 示 , 用 户 可 以 通过 “编辑 ” 连 
接 来 修改 该 记录 ,如 图 11. 58 所 示 。 


单个 学 生 记录 编辑 
学 号 3 
姓名 李兵 
性 别 国 


王 华 女 ”汉族 15001 
孙 丽 女 ”满族 15002 


李兵 15001 用 袍 汪 汉族 
张 军 男 ”汉族 15001 班 号 15001 
12 | 编辑 新建 


图 11.57 ”webformll 网 页 的 执行 界面 一 


图 11.58 ”webformll 网 页 的 执行 界面 二 


其 他 常用 的 数据 绑 定 控件 有 FromView 和 DataList。 

FromView 控件 与 DetailsView 控件 类 似 , 可 用 于 处 理 数 据 源 中 的 单条 记录 。FormView 
控件 和 DetailsView 控件 之 间 的 差别 在 于 DetailsView 控件 使 用 表格 布局 ,在 该 布局 中 ,记录 
的 每 个 字段 都 各 自 显 示 为 一 行 。FormView 控件 不 指定 用 于 显示 记录 的 预定 义 布局 ,开发 人 
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员 需 要 创建 一 个 包含 控件 的 模板 ,以 显示 记录 中 的 各 个 域 。 该 模板 中 包含 用 于 创建 表单 的 格 
式 、 控 件 和 绑 定 表达 式 。 

DataList 控件 用 可 自 定 义 的 格式 显示 各 行 数 据 库 信 息 , 在 所 创建 的 模板 中 定义 数据 显示 
布局 ,可 以 为 项 、 交 蔡 项 . 选 定 项 和 编辑 项 创建 模板 ,也 可 以 使 用 标题 .脚注 和 分 隔 符 模 板 自 定 
义 DataList 控件 的 整体 外 观 。 通 过 在 模板 中 包括 Button 命令 按钮 ,可 将 列表 项 连接 到 代码 ， 
而 这 些 代码 允许 用 户 在 显示 、 选 择 和 编辑 模式 之 间 进 行 切换 。 


11.6 ObjectDataSource 控件 


ObjectDataSource 控 件 概述 
ObjectDataSource 控 件 


ObjectDataSource 控 件 的 应 用 


知识 梳理 


11.6.1 ObjectDataSource 控件 概述 


ObjectDataSource 控件 包含 的 属性 等 与 SqlDataSource 控件 的 类 似 , 但 增加 了 若干 用 于 个 
性 化 的 属性 。 

从 属性 上 看 ,SqlDataSource 控件 和 ObjectDataSource 控件 的 区 别 如 表 11. 20 所 示 , 即 
SqlDataSource 控件 只 能 设置 所 执行 的 SQL 语句 ,ObjectDataSource 控件 可 以 设置 所 执行 的 
自 定义 方法 ,而 自 定义 方法 具有 更 好 的 灵活 性 。 


表 11.20 ”SqlDataSource 控件 和 ObjectDataSource 控件 的 属性 区 别 


SqlDataSource 的 属性 ObjectDataSource 的 属性 
SelectCommand SelectMethod 
InsertCommand InsertMethod 
UpdateCommand UpdateMethod 
DeleteCommand DeleteMethod 


若 要 从 网 页 对 象 中 检索 数据 ,需要 用 检索 数据 的 方法 的 名 称 来 设置 SelectMethod 属性 ， 
该 方法 通常 返回 一 个 DataSet 对 象 。 如 果 方 法 签名 带 参 数 , 可 以 将 Parameter 对 象 添加 到 
SelectParameters 集合 中 ,然后 将 它们 绑 定 到 要 传递 给 由 SelectMethod 方法 指定 方法 的 值 。 

为 使 ObjectDataSource 能 够 使 用 参数 ,这 些 参数 必须 与 方法 签名 中 的 参数 名 称 和 类 型 相 
匹配 。 每 次 调用 Select 方法 时 , ObjectDataSource 控件 都 检索 数据 。 此 方法 提供 对 
SelectMethod 属性 所 指定 的 方法 的 编程 访问 。 当 调用 绑 定 到 ObjectDataSource 控件 的 
DataBind 方法 时 ,这 些 控件 自动 调用 SelectMethod 属性 指定 的 方法 。 如 果 设 置 数据 绑 定 控件 
的 DataSourceID 属性 ,该 控件 根据 需要 自动 绑 定 到 数据 源 中 的 数据 。 建 议 通 过 设置 
DataSourceID 属性 将 ObjectDataSource 控件 绑 定 到 数据 绑 定 控件 ; 或 可 以 设置 DataSource 
属性 ,但 之 后 必须 显 式 调用 数据 绑 定 控件 的 DataBind 方法 。 可 以 随时 以 编程 方式 调用 Select 
方法 来 检索 数据 。 
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根据 ObjectDataSource 控件 使 用 的 网 页 对 象 的 功能 ,可 以 执行 数据 操作 ,如 更 新 .插入 和 
删除 。 若 要 执行 这 些 数 据 操作 , 需 为 要 执行 的 操作 设置 适当 的 方法 名 称 和 任何 关联 的 参数 。 
例如 ,对 于 更 新 操作 ,将 UpdateMethod 属性 设置 为 业务 对 象 方法 的 名 称 , 该 方法 执行 更 新 并 
将 所 需 的 任何 参数 添加 到 UpdateParameters 集合 中 。 如 果 ObjectDataSource 控件 与 数据 绑 
定 控件 相关 联 , 则 由 数据 绑 定 控件 添加 参数 。 这 种 情况 下 ,需要 确保 方法 的 参数 名 称 与 数据 绑 
定 控件 中 的 字段 名 称 相 匹配 。 调 用 更 新 Update 方法 时 ,由 代码 显 式 执行 更 新 或 由 数据 绑 定 
控件 自动 执行 更 新 。 删 除 和 搬入 操作 遵循 相同 的 常规 模式 。 假 定 业务 对 象 以 逐个 记录 (而 不 
是 以 批 处 理 ) 的 方式 执行 这 些 类 型 的 数据 操作 。 

由 SelectMethod、UpdateMethod、InsertMethod 和 DeleteMethod 属性 标识 的 方法 可 以 是 
实例 方法 或 static 方法 。 如 果 方 法 为 static, 则 不 创建 网 页 对 象 的 实例 ,也 不 引发 ObjectCreating、 
ObjectCreated 和 ObjectDisposing 事件 。 

如 果 数 据 集 作 为 DataSet DataView 或 DataTable 对 象 返 回 ,ObjectDataSource 控件 可 以 
筛选 由 SelectMethod 属性 检索 的 数据 。 可 以 使 用 格式 字符 串 语法 将 FilterExpression 属性 设 
置 为 筛选 表达 式 ,并 将 表达 式 中 的 值 绑 定 到 FilterParameters 集合 中 指定 的 参数 。 


11.6.2 ObjectDataSource 控件 的 应 用 


ObjectDataSource 控件 所 执行 的 数据 库 操作 方法 是 自 定 义 的 。 在 实现 数据 库 操作 的 方法 
中 ,所 涉及 的 数据 表 可 能 是 单个 表 也 可 能 是 一 组 相关 表 。 

【 练 一 练 】 在 本 章 CH11 网 站 中 添加 一 个 webform12 网 页 ,其 功能 是 其 功能 是 在 
GridView 控件 中 显示 指定 班 号 的 学 生 记录 ,并 可 以 选择 .更 新 和 删除 记录 , 当 删 除 一 个 学 生 记 
录 时 需 同 时 删除 该 生 的 所 有 成 绩 记录 。 

其 设计 步骤 如 下 : 

@ 打开 CH11 网 站 ,选择 “网 站 | 添加 新 项 ”菜单 命令 ,出 现 “ 添 加 新 项 -CH11” 对 话 框 ,在 
中 间 列 表 中 选择 “Web 窗 体 ”, 将 文件 名 称 改 为 webform12. aspx, 其 他 保持 默认 项 , 单 击 “ 添 
加 ”按钮 。 

@ 单 击 “ 网 站 | 添加 新 项 "菜单 命令 ,选中 “类 ”选项 ,新 建 类 文件 Classl. cs( 放 在 App_ 
Code 目录 中 ) ,其 中 包含 StudentDB 类 的 代码 如 下 : 


using System. Data; 
using System. Data. SqlClient; 
public class StudentDB 
{ public StudentDB() // 构 造 函 数 
{ 
public DataSet ExecuteQuery(string sql) 
{ string mystr = System. Configuration. ConfigurationManager. 
ConnectionStrings["schoolConnectionString"].ToString(); 
SqlConnection myconn = new SqlConnection(); 
myconn. ConnectionString = mystr; 
myconn. Open( ); 
SqlDataAdapter myda = new SqlDataAdapter(sql, myconn); 
DataSet myds = new DataSet(); 
myda. Fill(myds); 
myconn. Close( ); 
return myds; 
} 
public DataSet SelectDatal( string bh) 
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{ string mystr = System.Configuration.ConfigurationManager. 
ConnectionStrings[ "schoolConnectionString"].ToString(); 
using (SqlConnection myconn = new SqlConnection()) 
{ myconn.ConnectionString = mystr; 
myconn. Open( ); 
SqlCommand mycmd = new SqlCommand(); 
mycmd. CommandText = "SELECT 学 号 ,姓名 ,性 别 , 民族, 班 号 ”+ 
"FROM student WHERE 班 号 = @sbh "; 
mycmd. Connection = myconn; 
mycmd. Parameters. Add( "@ sbh", SqlDbType. VarChar, 5).Value = bh; 
using (SqlDataAdapter myda = new SqlDataAdapter()) 
{ myda.SelectCommand = mycmd; 
DataSet myds = new DataSet(); 
myda. Fill(myds, "student"); // 将 student 表 填 充 到 myds 中 


return myds; 


} 

} 

public void UpdateData( int 学 号 ，string 姓名 ，string 性 别 ， 
string 民族 ，string 班 号 ) 

{ String mystr, mysql; 

mystr = System.Configuration.ConfigurationManager. 
ConnectionStrings["schoolConnectionString"].ToString(); 

mysql = "UPDATE student SET 姓名 = @ 姓 名 ,性 别 = @ 性 别 , 民族 = @ 民 族 ,”+ 
" 班 号 = @ 班 号 WHERE 学 号 = @ 学 号 "; 

using (SqlConnection myconn = new SqlConnection(mystr)) 

using (SqlCommand mycmd = new SqlCommand(mysql, myconn)) 

{ mycmd.Parameters. Add("@ 姓 名 "，SqlDbType. VarChar，10). Value = 姓名 ; 
mycmd. Parameters. Add("@ 性 别 "，SqlDbType. VarChar, 2).Value = 性 别 ; 
mycmd. Parameters. Add("@ 民 族 "，SqlDbType. VarChar, 10).Value = 民族 ; 
mycmd. Parameters. Add("@ 班 号 "，SqlDbType. VarChar, 6).Value = 班 号 ; 
mycmd. Parameters. Add("@ 学 号 "，SqlDbType. Int，5). Value = 学 号 ; 
myconn. Open(); 
mycmd. ExecuteNonQuery!( ) ; 

} 

} 
public void DeleteData( int 学 号 ) 
{ string mystr, mysql; 

mystr = System.Configuration. ConfigurationManager. 
ConnectionStrings[ "schoolConnectionString"].ToString(); 

mysql = "DELETE FROM student WHERE 学 号 = @ 学 号 "; 

using (SqlConnection myconn = new SqlConnection(mystr) ) 

using (SqlCommand mycmd = new SqlCommand(mysql, myconn)) 

{ ”mycmd. Parameters. Add("@ 学 号 "，SqlDbType. Int，5) .Value = 学 号 ; 
myconn. Open( ); 
mycmd. ExecuteNonQuery( ); 
mysql = "DELETE FROM score WHERE 学 号 = @ 学 号 "; 
using (SqlCommand mycmd1l = new SqlCommand(mysql, myconn)) 

{ mycmdl.Parameters. Add("@ 学 号 ", SqlDbType. VarChar,5). Value = 学 号 ; 
mycmd1. ExecuteNonQuery( ); 
} 


} 


上 述 代 码 中 ,StudentDB 类 的 SelectData 的 方法 返回 一 个 DataSet 对 象 , 其 中 存储 指定 班 
号 的 所 有 学 生 记 录 。using 语句 用 于 定义 一 个 范围 , 它 的 功能 是 在 范围 末尾 释放 定义 的 对 象 ， 
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这 里 使 用 using 语句 定义 一 个 myconn 对 象 ,在 其 范围 外 自动 释放 它 , 所 以 代码 中 没有 包含 
myconn. Close() 语 句 。 

StudentDB 类 的 UpdateData 方法 用 于 更 新 学 生 记 录 ,DeleteData 方法 用 于 删除 学 生 记 
录 , 它 们 中 都 使 用 了 using 语句 ,含义 与 SelectData 中 的 相同 。 

@ 在 webform12 网 页 中 放置 两 个 HTML 标签 ,一 个 下 拉 列 表 DropDownListl .一 个 命 
邻 按钮 Buttonl 和 一 个 GridViewl 控件 ,再 将 一 个 ObjectDataSource 控件 ObjectDataSourcel 
拖 蝶 到 本 网 页 中 。 

@ 展开 ObjectDataSourcel 控件 的 “ObjectDataSource 任务 ”列表 , 单 击 “ 配 置 数据 源 ” 启 
动 * 配 置 数据 源 ” 向 导 。 首 先 出 现 * 选 择业 务 对 象 " 页面 ,从 * 选 择业 务 对 象 "下 拉 列 表 中 选择 
StudentDB, 如 图 11. 59 所 示 , 单 击 * 下 一 步 ?按钮 。 


国 站 选择 业务 对 象 


选择 可 以 用 于 检索 或 更 新 数据 的 业务 对 象 (例如 ， 在 此 应 用 程序 的 Bin 或 App_Code 目录 中 定义 的 对 象 ). 


了 ] © RE 人 伯 (9) 


图 11.59 “选择 业务 对 象 "页 面 


@ 出 现 “定义 数据 方法 ”对 话 框 ,默认 为 SELECT 选项 卡 ,指定 与 SELECT 操作 关联 并 返 
回 数据 业务 对 象 的 方法 为 StudentDB 类 的 SelectData 方法 ,如 图 11. 60 所 示 。 

单 击 UPDATE 选项 卡 ,指定 与 UPDATE 操作 关联 并 返回 数据 业务 对 象 的 方法 为 
StudentDB 类 的 UpdateData 方法 ,如 图 11. 61 所 示 。 

单 击 DELETE 选项 卡 ,指定 与 DELETE 操作 关联 并 返回 数据 业务 对 象 的 方法 为 
StudentDB 类 的 DeleteData 方法 ,如 图 11. 62 所 示 。 单 击 “ 下 一 步 ” 按 钮 。 

@ 出 现 “ 定 义 参数 ”页 面 ,为 SelectData 方法 定义 参数 ,该 方法 只 有 一 个 参数 bh, 它 的 值 来 
自 DropDownListl 下 拉 列 表 中 用 户 选 择 的 文本 值 ,所 以 在 “参数 ”列表 中 选中 它 , 在 “参数 源 ” 
下 拉 列 表 中 选中 Control, 在 ControlID 下 拉 列 表 中 选中 DropDownListl ,在 DefaultValue 文 
本 框 中 输入 默认 值 15001, 如 图 11. 63 所 示 。 单 击 “ 完 成 ”按钮 。 
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SELECT 


选择 与 SELECT 操作 关联 并 返回 数据 的 业务 对 象 的 方法 。 该 方法 可 返回 DataSet、DataReader 或 强 关 型 集合 . 
示 供 GetProducts(Int32 categoryid) , 它 返回 Dataset. 


选择 要 与 UPDATE 扣 作 关联 的 业务 对 象 的 方法 。 该 方法 应 当 为 数据 对 象 的 每 个 尾 性 接受 一 个 参数 ,或 者 只 接受 一 个 单一 参 
数 ， 即 数据 对 象 要 更 新 的 参数 。 


示例 : UpdateProduct(Product pj 或 UpdateProduct(Int32 productiD, String name, Double price) 


选择 方法 (C): 


方法 签名 (M): 
UpdateData(Int32 学 号 , String 姓名 , String 性 别 , String 民族 String 班 呈 ) 


图 11.61 UPDATE 选项 卡 
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图 11.63 “定义 参数 ”页 面 
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说 明 : 这 里 只 能 为 SelectData 方法 指定 参数 ,其 他 方法 的 参数 在 源 视图 代码 中 自动 生成 。 
此 时 ObjectDataSourcel 控件 的 源 视图 代码 如 下 : 


<asp:ObjectDataSource ID = "ObjectDataSourcel" runat = "server" 
DeleteMethod = "DeleteData" 
SelectMethod = "SelectData" TypeName = "StudentDB" 
UpdateMethod = "UpdateData"> 
< DeleteParameters> 
<asp:Parameter Name = "学 号 " Type = "Int32" /> 
</DeleteParameters > 
< SelectParameters > 
<asp:ControlParameter ControlID = "DropDownList1" DefaultValue = "15008" 
Name = "bh" PropertyName = "SelectedValue" Type = "String" /> 
</SelectParameters > 
< UpdateParameters > 
<asp:Parameter Name = "学 号 " Type = "Int32" /> 
<asp:Parameter Name = "姓名 " Type = "String" /> 
<asp:Parameter Name = "性 别 " Type = "String" /> 
<asp:Parameter Name = "民族 " Type = "String" /> 
<asp:Parameter Name = " 班 号 " Type = "String" /> 
</UpdateParameters > 
</asp:ObjectDataSource > 


@ 展开 GridView1l 控件 的 “GridView 任务 "列表 , 单 击 “ 编 辑 列 " 命 令 , 在 “ 选 定 的 字段 " 列 
表 中 添加 5 个 BoundField 字段 和 一 个 CommandField 字段 。 

将 第 1 个 BoundField 字段 的 HeaderText 属性 和 DataField 属性 均 设置 为 “学 号 ”， 
ReadOnly 属性 置 为 True( 学 号 字段 不 能 修改 ) 。 

将 第 2 个 BoundField 字段 的 HeaderText 属性 和 DataField 属性 均 设 置 为 “姓名 ”。 

将 第 3 个 BoundField 字段 的 HeaderText 属性 和 DataField 属性 均 设 置 为 “性 别 ”。 

将 第 4 个 BoundField 字段 的 HeaderText 属性 和 DataField 属性 均 设 置 为 “民族 ”。 

将 第 5 个 BoundField 字段 的 HeaderText 属性 和 DataField 属性 均 设置 为 * 班 号 ”。 

将 这 5 个 字段 都 通过 单 击 “将 此 字段 转换 为 TemplateField” 链 接 转 换 为 相应 的 
TemplateField 字段 ,在 编辑 模板 中 修改 各 个 字段 的 EditItemTemplate 中 的 文本 框 宽度 (学 号 
字段 是 只 读 的 ,所 以 为 标签 ) 。 

将 CommandField 字段 的 ButtonType 属性 置 为 Button 。 

@ 将 GridViewl 控件 的 DataSourceID 属性 设置 为 ObjectDataSourcel ,在 出 现 的 对 话 框 
中 选择 “和 否 "。 并 *GridView 任务 ”列表 中 选中 “启动 分 页 “启动 编辑 "“ 启 动 删除 "和 “启动 选 
定 内 容 " 复 选 框 。 将 其 PageSize 置 为 2,DataNameKeys 属性 为 “学 号 ”, 将 其 和 白 动 套用 样式 置 
为 “沙滩 和 和 天空 ”, 并 设置 各 个 字段 的 HorizontalAlign 属性 为 Center, 以 及 相应 的 字体 和 颜色 。 
将 GridViewl 控件 的 DataKeyNames 属性 设置 为 “学 号 ”。 

此 时 GridViewl 控件 的 源 视图 代码 如 下 : 

<asp:GridView ID = "GridView1”runat = "server" Width= "496px" AllowPaging = "True" 

RutoGenerateColumns = "False" BackColor = "LightGoldenrodYellow" BorderColor = "Tan' 
BorderWidth = "lpx" CellPadding = "2" DataSourceID= "ObjectDataSourcel" 

ForeColor = "Black" GridLines = "None" PageSize = "2" DataKeyNames = "学 号 "> 

< AlternatingRowStyle BackColor = "PaleGoldenrod" /> 


<Columns> 
<asp:TemplateField HeaderText = "学 号 "> 
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< EditItemTemplate> 
<asp:Label ID = "Labell" runat = "server" Height = "16px" 
Text = '<% # Eval(" 学 号 ") %>></asp:Label> 
</EditItemTemplate> 
< ItemTemplate> 
<asp:Label ID = "Label1”runat = "server" Height = "16px" 
Text = '<% # Bind(" 学 号 ") %>></asp:Label> 
</ItemTemplate> 
< HeaderStyle Font - Names = "黑体 " HorizontalAlign = "Center" /> 
< ItemStyle HorizontalAlign = "Center" Font - Bold = "True" Font - Names = "楷体 " /> 
</asp:TemplateField> 
<asp:TemplateField HeaderText = "姓名 "> 
<EditItenTemplate> 
<asp:TextBox ID = "TextBoxl" runat = "server" Height = "16px" 
Text = < 外 井 Bind(" 姓 名 ") %>'Width= "62px"></asp:TextBox> 
</EditItemTemplate > 
< ItemTemplate> 
<asp:Label ID = "Label2" runat = "server" Height = "16px" 
Text = <$ 井 Bind(" 姓 名 ") %>></asp:Label> 
</ItemTemplate> 
< HeaderStyle Font - Names = "黑体 " HorizontalAlign = "Center" /> 
< ItemStyle HorizontalAlign = "Center" Font - Bold= "True" Font - Names = "楷体 " /> 
</asp:TemplateField> 
<asp:TemplateField HeaderText = "性 别 "> 
<EditItemTemplate > 
< asp:TextBox ID = "TextBox2" runat = "server”Height = "16px" 
Text = '< 和 多 井 Bind(" 性 别 ") 多 >'Width = "48px"></asp:TextBox> 
</EditItemTemplate> 
< ItemTemplate > 
<asp:Label ID = "Label3" runat = "server" Height = "16px" 
Text = '<% 井 Bind(" 性 别 ") %>></asp:Label> 
</ItemTemplate> 
< HeaderStyle Font — Bold = "True" Font - Names = "黑体 " HorizontalAlign = "Center"/> 
< ItemStyle HorizontalAlign = "Center" Font - Bold = "True" Font - Names = "楷体 " /> 
</asp:TemplateField> 
<asp:TemplateField HeaderText = "民族 "> 
<EditItemTemplate > 
< asp:TextBox ID = "TextBox3" runat = "server" Height = "16px" 
Text = '<% # Bind(" 民 族 ") %>'Width= "62px"></asp:TextBox> 
</EditItemTemplate > 
<ItemTemplate> 
<asp:Label ID = "Label4" runat = "server" Height = "16px" 
Text = '<% # Bind(" 民 族 ") %>></asp:Label> 
</ItemTemplate> 
< HeaderStyle Font - Names = "黑体 " HorizontalAlign = "Center" /> 
< ItemStyle HorizontalAlign = "Center" Font - Bold = "True" Font - Names = "楷体 " /> 
</asp:TemplateField> 
<asp:TemplateField HeaderText = " 班 号 "> 
<EditItemTemplate > 
< asp:TextBox ID = "TextBox4" runat = "server" Height = "16px" 
Text = '<% 井 Bind(" 班 号 ") %>'Width= "63px"></asp:TextBox> 
</EditItemTemplate> 
< ItemTemplate > 
<asp:Label ID = "Label5" runat = "server" Height = "16px" 
Text = < 引 井 Bind(" 班 号 ") %>></asp:Label> 
</ItemTemplate> 
< HeaderStyle Font - Names = "黑体 " HorizontalAlign= "Center" /> 
< ItemStyle HorizontalAlign = "Center" Font - Bold= "True" Font — Names = "楷体 " /> 
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</asp:TemplateField> 
<asp:CommandField ButtonType = "Button" ShowDeleteButton= "True" 
ShowEditButton = "True" ShowSelectButton = "True" > 
< ControlStyle Font - Bold = "True" ForeColor = "Red" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:CommandField> 
</Columns > 
< FooterStyle BackColor = "Tan" /> 
< HeaderStyle BackColor = "Tan" Font — Bold = "True" /> 
< PagerStyle BackColor = "PaleGoldenrod" ForeColor = "DarkSlateBlue" 
HorizontalAlign = "Center" /> 
< SelectedRowStyle BackColor = "DarkSlateBlue" ForeColor = "GhostWhite" /> 
< SortedAscendingCellStyle BackColor = " #FAFAE7" /> 
< SortedAscendingHeaderStyle BackColor = " # DACO9E" /> 
< SortedDescendingCellStyle BackColor = " #E1DB9C" /> 
< SortedDescendingHeaderStyle BackColor = "#C2A47B" /> 
</asp:GridView> 


加 为 了 方便 测试 ,进入 SQL Server, 在 student 表 中 插入 3 个 15008 班 的 学 生 记 录 , 在 score 
表 中 插入 2 个 122 学 号 学 生 的 成 绩 记录 。 单 击 工 具 栏 中 的 > Internet Explorer 按钮 执行 本 网 页 ,其 
初始 界面 如 图 11. 64 所 示 。 选 择 班 号 为 15008, 单 击 “ 确 定 ” 命 令 按 钮 ,执行 界面 如 图 11. 65 所 示 。 


机 5 


[证 ] 
查找 结果 : 


图 11.65 webform12 网 页 的 执行 界面 二 
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单 击 学 号 120 所 在 行 的 “编辑 ”按钮 ,出现 如 图 11. 66 所 示 的 界面 ,用 户 可 以 更 新 该 行 的 数 
据 ( 除 了 学 号 外 ) 。 例 如 ,将 姓名 改 为 Maryl , 单 击 * 更 新 ”按钮 ,出 现 如 图 11. 67 所 示 的 界面 , 表 
明 记 录 得 到 更 新 。 


EOE rep/ocahosts3526/webtorm12.aspx pro 
x 


120 Wary1 女 其 他 15008  “「 纺 加 || 出 除 ][ 造反 | 


122 John 男 


图 11.67 webform12 网 页 的 执行 界面 四 


再 单 击 学 号 122 所 在 行 的 “删除 ?按钮 ,出 现 如 图 11. 68 所 示 的 界面 ,表明 该 记录 被 删除 
了 。 进 入 SQL Server, 会 看 到 score 表 中 2 个 122 学 号 学 生 的 成 绩 记录 也 被 删除 了 。 


ma 


(| http://ocalhost63526/webform12.aspx pre 
x 


120 Maryl  ” 女 ” 其 他 15008 [编辑]| 删除 ]| 过 择 ] 
123 ”Smith 男 其 他 15008 [编辑 || 刚 除 ]| 这 择 ] 


图 11.68 webform12 网 页 的 执行 界面 五 
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需要 注意 的 是 ,在 采用 自动 绑 定时 (本 例 采用 这 种 方法 ), 和 SqlDataSource 控件 一 样 ， 
ObjectDtaSource 控件 在 更 新 .新 增 和 删除 操作 中 自动 从 关联 的 数据 绑 定 控件 (如 GridView 控 
件 ) 获 取 参 数 的 集合 ,这 些 参数 和 数据 绑 定 控件 的 字段 具有 相同 的 名 称 和 类 型 。 对 于 上 例 , 这 
些 参 数 必须 和 StudentDB 类 中 SelectData 方法 的 SELECT 请 句 ( 即 “SELECT 学 号 ,姓名 ,性 
别 , 民 族 , 班 号 FROM student WHERE 班 号 = @sbh”) 的 选择 字段 具有 相同 的 名 称 和 类 型 ， 
其 中 学 号 是 int 类 型 ,其 他 为 String 类 型 ,否则 出 现 执行 错误 。 

例如 ,如 果 将 前 面 StudentDB 类 中 DeleteData 方法 改 为 DeleteData (int xh) ,在 执行 删除 
操作 时 会 出 现 如 图 11. 69 所 示 的 错误 。 


/应 用 程序 中 的 服务 器 错误 。 


ObjectDataSource"ObjectDataSource1” 才 以 花 到 带 央 绒 扩 非 江 型 方 
尝 'DeleteData”: 学 号 。 


上 说 明 : ,出现 未 经 处 理 的 异常 。 请 检查 堆栈 跟踪 信息 ,以 了 解 有 关 流 错 误 以 及 代码 中 导致 错误 的 出 处 


曾 常 详细 信息 : System .InvalidOperationException: ObjectDataSource"ObjectDataSource1" 厅 能 找到 党 参数 的 非 泛 型 方 
法 DeleteData” 学 号 


中 < Eee 
图 11.69 网 页 执行 错误 一 


如 果 将 前 面 StudentDB 类 中 DeleteData 方法 改 为 DeleteData (string 学 号 ) ,参数 赋值 改 
为 mycmd. Parameters. Add("@ 学 号 "， SqlDbType. VarChar,， 5). Value 三 学 号 。 在 执行 删 
除 操作 时 会 出 现 如 图 11. 70 所 示 的 错误 。 


< [ST 


VA" 应 用 程序 中 的 服务 器 错误 。 


沽 到"System.Int32” 记 寻 妆 无 活 送 藤 为 类 者 "System. String”。 


说 时 : 执行 当前 Web 请 求 期 间 ,出 现 林 经 处 理 的 异常 。 请 检查 淮 栈 昭 对 信息 ， 以 了 解 有 关 该 错误 以 及 代码 中 导致 错误 的 出 处 的 详 


苏 常 详细 信息 : System ArgumentException 关 型 -System Int32- 的 对 象 无 法 转 近 为 类 型 System String”。 

淹 鲁 诬 : 

执行 当前 Web 清闲 关 间 生 破 了 未 经 处 至 的 其 常 。 可 以 使 月 下 鲁 的 其 党 夫 术 最 节 信 息 确定 有 关 异 党 原因 和 发 生 位 置 的 信息 . 
< Nery 


图 11.70 ”网 页 执行 错误 二 


归纳 起 来 ,SqlDataSource 控件 在 使 用 时 更 容易 操作 , 它 直 接 绑 定 的 是 数据 库 中 的 表 。 所 
以 只 要 绑 定好 了 ,对 该 表 的 增删 改 查 操作 对 应 的 就 完成 了 ,可 以 快速 开发 网 页 。 其 缺点 是 不 可 
变通 ,整个 程序 功能 被 SqlDataSource 控件 限制 了 .并且 还 打 乱 了 Web 分 层 体系 结构 。 
ObjectDataSource 控件 使 用 起 来 比较 复杂 ,因为 它 所 对 应 绑 定 的 是 一 个 类 具体 方法 。 例 如 , 查 
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询 对 应 的 是 返回 值 为 DataTable 或 DataSet 的 方法 ,而 增删 改 则 对 应 返回 值 为 int 型 等 的 方 
法 。 这 样 简化 了 网 页 界面 上 的 调用 ,但 是 在 数据 库 访问 上 面 还 是 全 部 需要 用 户 手 动 来 写 的 。 
使 用 ObjectDataSource 控件 可 以 完全 遵守 Web 分 层 体系 结构 ,并 且 方 便 扩展 。 


11.7 练 习 题 


1. 单项 选择 题 
(1) 以 下 ( ”) 不 是 ASP .NET 的 数据 源 控件 。 
A. SqlDataSource B. AccessDataSource 
C. LingDataSource D. XML 
(2) SqlDataSource 可 以 直接 访问 ( ) 数 据 库 。 
A. SQL Server B. DB2 C. Oracle D. MySQL 


(3) 在 实现 数据 绑 定时 ,列表 控件 主要 需要 设置 DataSource 和 ( ) 属 性 ,然后 调用 
DataBind 方法 。 
A. DataSourceID B. DataTextField 
C. Data D. DataField 
(4) 在 配置 GridView 控件 的 SqlDateSource 数据 源 控件 过 程 中 , 单 击 “高 级 ”按钮 的 目的 
是 ( ) 


A. 打开 其 他 窗口 B. 输入 新 参数 

C. 生成 SQL 编辑 语句 D. 优化 代码 
(5) 若 要 启用 GridView 分 页 ,应 将 ( 。 ”) 属 性 设置 true。 

A. AllowSorting B. AllowPaging C. PageSize D. Pagelndex 
(6) 为 了 在 网 页 中 显示 多 列 数据 ,通常 采用 ( ”) 数 据 绑 定 控件 。 

A. DataList B. FormView C. GridView D. ListView 
(7) 为 了 在 网 页 中 显示 单列 数据 供用 户 选 择 , 通 常 采 用 ( ) 数 据 绑 定 控件 。 

A. Table B. DropDownList C. TexBox D. ListBox 
(8) GridView 控件 不 支持 的 操作 是 ( 。 ”)。 

A. 选择 B. 编辑 C. 删除 D. 文件 上 传 


(9) 如 果 和 希望 在 GridView 中 显示 “上 一 页 ”和 “下 一 页 ”的 导航 栏 , 则 属性 集合 PagerSettings 
中 的 属性 Mode 值 应 设 为 ( Ns 


A. Numeric B. NextPrevious 
C. NextPrev DD 业 一 页 ;下 一 页 


(10) 如 果 对 定制 后 的 GridView 实现 排序 功能 , 除 设置 GridViewAllowSorting 的 属性 的 
值 为 True 外 ,还 应 该 设置 ( ) 属 性 。 


A. SortExpression B. Sort 

C. SortField D. DataFieldText 
(11) DetailsView 控件 一 次 显示 ( ”) 条 记录 。 

全 3 B.2 


C. 多 D. 数据 表 中 全 部 记录 
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(12) GridView 控件 的 属性 ( 。 ”) 用 于 设置 数据 源 。 
A. DataView B. DataSource C. DataKey D. DataValue 
(13) ObjectDataSource 控件 在 进行 数据 检索 时 自动 调用 ( ) 属 性 所 设置 的 方法 。 
A. SelectMethod B. InsertMethod 
C. UpdateMethod D. DeleteMethod 
(14) ObjectDataSource 控件 在 进行 数据 插入 时 自动 调用 ( ) 属 性 所 设置 的 方法 。 
A. SelectMethod B. InsertMethod 
C. UpdateMethod D. DeleteMethod 
(15) ObjectDataSource 控件 在 进行 数据 更 新 时 自动 调用 ( ) 属 性 所 设置 的 方法 。 
A. SelectMethod B. InsertMethod 
C. UpdateMethod D. DeleteMethod 
(16) ObjectDataSource 控件 在 进行 数据 删除 时 自动 调用 ( ) 属 性 所 设置 的 方法 。 
A. SelectMethod B. InsertMethod 
C. UpdateMethod D. DeleteMethod 
(17) 以 下 是 某 程序 员 在 一 个 网 页 中 编写 的 部 分 C# 代 码 , 已 知 getdata 是 一 个 返回 一 个 


数据 集 的 方法 , 当 某 个 用 户 第 一 次 访问 该 网 页 时 ,下 列 说 法 正确 的 是 ( js 


private void Page Load(object sender, System. EventArgs e) 
{ if(!Page.IsPostBack) //1 
{ DataSet ds = this.getdata (); //2 
this. GridView1. DataSource = ds. Tables[0]; //3 
} 


A. 用 户 不 能 在 GridView 控件 中 看 到 数据 集中 的 数据 ,因为 代码 行 2.3 不 能 被 执行 
B. 用 户 不 能 在 GridView 控件 中 看 到 数据 集中 的 数据 ,因为 没有 设置 GridView 控 
件 的 DataMember 属性 
C. 用 户 不 能 在 GridView 控件 中 看 到 数据 集中 的 数据 ,因为 没有 进行 数据 绑 定 
D. 用 户 可 以 在 GridView 控件 中 看 到 数据 集中 的 数据 
(18) 对 于 数据 绑 定 控件 , 当 设置 完 控件 的 属性 DataSource 后 ,需要 调用 ( ) 方 法 才能 
显示 信息 。 
A. DataBind() B. Insert() C. Update() D. Select() 
2. 问答 题 
(1) 简 述 ASP .NET 数据 源 控件 和 数据 绑 定 控件 的 功能 。 
(2) 简 述 SqlDataSource 控件 的 功能 。 
(3) GridView 控件 提供 了 哪些 内 置 功能 ? 
(4) 在 GridView 控件 中 实现 分 页 需要 设置 哪些 属性 ? 
(5) 简 述 将 GridView 控件 绑 定 到 某 个 数据 源 控 件 ,需要 设置 哪些 属性 ? 
(6) 如 何在 GridView 控件 中 添加 按钮 并 实现 自己 的 功能 ? 
(7) 如 何在 GridView 控件 中 启用 默认 删除 功能 ? 
(8) 简 述 SqlDataSource 和 ObjectDataSource 控件 的 不 同 点 。 
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11.8 上 机 实验 题 


在 CH11 网 站 中 添加 一 个 Exp 网 页 ,其 设计 界面 如 图 11. 71 所 示 , 用 户 可 以 从 班 号 下 拉 
列表 DropDownListl 中 选择 一 个 班 号 , 单 击 “ 确 定 ” 按 钮 时 在 GridViewl 控件 中 显示 该 班 所 有 
学 生 的 平均 分 ,并 按 平均 分 递减 排序 。 图 11. 72 所 示 是 15001 班 的 学 生平 均 分 显示 结果 。 要 
求 ,DropDownListl 和 GridViewl 控件 均 采用 SqlDataSource 控件 作为 数据 源 控件 。 


Exp.aspx 
班 号 : | 数据 铸 定 过 


SqlDatasource - SqlDataSource2 


[®) 和 钨 httpy/localhost63521 D> 
局 localhost x 图 | 


DE 


Pe 班 号 : [1500I 
1 abc 0.1 

2 abc 0.2 权 询 结果 ; 
3 abc 0.3 

4 abc 0.4 


6 了 张 军 91 


4 » 


sqlDataSource - SqlDataSourcel 1 王 华 81.5 


= [| 


图 11.71 上 机 实验 题 网 页 的 设计 界面 图 11.72 上 机 实验 题 网 页 的 执行 界面 
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本 章 指 南 


12.1 OnRetS 网 站 的 需求 分 析 


知识 梳理 


功能 
OnRetS 网 站 的 需求 分 机 
主要 业务 流程 


12.1.1 OnRetS 网 站 的 功能 


OnRetS 网 站 是 一 个 简单 的 在 线 电子 产品 销售 网 站 。 其 分 为 4 类 用 户 ,如 图 12. 1 所 示 。 
各 类 用 户 的 主要 功能 如 表 12. 1 所 示 。 
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管理 员 


操作 员 


顾客 Web SQL Server 
服务 器 服务 器 
游客 
图 12.1 OnretS 网 站 的 4 类 用 户 
表 12.1 各 类 用 户 的 功能 
用 户 类 型 主 功 能 子 功 能 
添加 新 用 户 
用 太 多 加 生肖 编辑 用 户 信息 
查看 顾客 信息 
顾客 信息 管理 临时 封杀 顾客 信息 
查看 顾客 订单 信息 
商品 库存 预警 
预警 报警 和 下 架 管理 商品 库存 报警 
商品 下 架 
管理 员 按 商品 分 类 统计 
商品 销售 统计 管理 按 商 品 子 类 统计 
按 商 品 品牌 统计 
设置 顾客 学 历数 据 
设置 初始 数据 设置 顾客 地 区 数据 
设置 商品 类 型 数据 
我 的 密码 管理 更 改 我 的 密码 
删除 下 架 的 商品 信息 
替 闭 扣 作 系统 初始 化 
添加 新 型 号 商品 信息 
Wi 更 新 老 商 品 信息 
查看 新 订单 
人 我 的 订单 管理 新 订单 处 理 
新 订单 结算 处 理 
我 的 密码 管理 更 改 密码 
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续 表 
用 户 类 型 主 功能 子 功能 
选 购 商品 放 入 购物 车 
购物 管理 编辑 我 的 购物 车 
购物 车 结算 
顾客 查看 我 的 订单 
订单 管理 撤销 尚未 处 理 的 订单 
订单 商品 评价 
更 改 我 的 信息 
我 的 信息 管理 更 改 我 的 密码 
注册 管理 用 户 注册 
Wi 商品 管理 查看 (浏览 ) 商 品 


管理 员 和 操作 员 用 户 可 以 维护 和 管理 网 站 。 管 理 员 用 户 的 权限 最 高 , 它 可 以 创建 其 他 管 


理 员 和 操作 员 。 


管理 员 用 户 可 以 设置 网 站 的 基础 数据 ,如 顾客 学 历 、 商 品 分 类 、 地 区 层次 结构 等 ,可 以 处 理 
顾客 信息 、 商 品 预警 和 报警 以 及 商品 销售 统计 等 。 


操作 员 用 户 维护 网 站 的 日 常 运行 ,包括 商品 的 上 架 顾客 订单 处 理 和 结算 。 
游客 用 户 只 能 浏览 网 页 的 所 有 有 效 商 品 信息 ,可 以 通过 注册 变 为 顾客 用 户 。 


顾客 用 户 可 以 购物 和 进行 订单 管理 ,包括 购物 车 结算 、 订 单 撤销 和 商品 评价 等 。 

本 网 站 不 支持 订单 在 线 支 付 , 采 用 货 到 付款 的 方式 。 顾 客 下 订单 后 ,操作 员 处 理 完 订单 ， 
产生 订单 表 , 交 由 快递 员 发 货 ,顾客 收 到 商品 并 支付 购物 款 后 ,快递 员 告诉 操作 员 ,操作 员 进 行 
该 订单 的 结算 处 理 , 一 次 购物 过 程 结束 。 


12.1.2 OnRetS 网 站 的 主要 业务 流程 
网 站 的 实体 有 各 类 用 户 .购物 车 、 商 品 库 、 订 单 库 、 销 售 库 和 顾客 库 等 。 本 节 给 出 主要 业务 


流程 。 


(1) 游客 注册 流程 


游客 注册 流程 如 图 12. 2 所 示 ,仅仅 涉及 顾客 库 , 即 


入 顾客 库 中 。 


(2) 顾客 购物 流程 
顾客 购物 流程 如 图 12. 3 所 示 。 其 中 购物 结算 流程 如 图 12. 4 


所 示 。 


所 个 人 信息 丰 


图 12.2 游客 注册 流程 


区 ,el | | i | | i | 本 本 i 
购物 结算 : | 
撤销 订单 


订单 处 理 | 


| 订单 结算 


图 12.3 顾客 购物 流程 


l 注册 I 
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[Lo | 商 员 库 | [可 只 |] 销售 库 


@ 求 本 订单 的 
订单 号 


图 将 订单 信息 
插入 到 订单 库 


外 更 新 商品 的 
库存 数量 


| 
移 到 销售 库 


图 12.4 顾客 结算 商品 的 流程 


(3) 管理 员 设 置 基 础 数据 流程 

管理 员 设置 基础 数据 流程 如 图 12. 5 所 示 ,基础 信息 库 包 括 顾 客 学 历 、 商 品 分 类 和 地 区 层 
次 结构 等 。 

(4) 操作 员 商 品 人 库 操作 流程 

操作 员 商 品 人 库 流程 如 图 12. 6 所 示 ,其 中 涉及 基础 信息 库 的 商品 分 类 信息 。 


操作 员 商品 麻 | 。 | 基础 信息 谨 


设置 操作 ] 入 库 操作 | 1 
T 


图 12.5 管理 员 设 置 基础 数据 流程 图 12.6 操作 员 商 品 入 库 流 程 


其 他 流程 详 见 后 面 各 功能 的 网 页 设计 。 


12.2 ”OnRetS 网 站 结构 设计 


知识 梳理 


OnRets 网 站 结构 | onRets 网 站 的 目录 结构 


OnRetS 网 站 的 结构 见 图 3. 1, 对 应 的 物理 路 径 为 D:\OnRetS ,其 中 包括 所 有 数据 库 、 图 
像 和 网 页 文件 类 存放 。 各 子 目录 的 说 明 如 下 : 
App_Data 目录 : 用 于 存放 OnRet 数据 库 文件 和 日 志文 件 。 
App_Code 目录 : 存放 数据 库 访问 类 文件 CommDB. cs。 
images 目录 : 存放 网 页 设计 中 使 用 的 一 些 图 像 文件 (top. jpg、bottom. jpg 等 ) 。 
App_Themes 目录 : 存放 主题 Blue 和 样式 文件 StyleSheet. css。 
Picture 目录 : 存放 商品 的 图 像 文 件 (通常 文件 名 与 商品 编号 一 致 ,如 编号 为 1111 的 商 
品 对 应 的 图 像 文件 为 1111. jpg) 
Manager 目录 : 存放 管理 员 的 主要 网 页 文件 。 
Operator 目录 : 存放 操作 员 的 主要 网 页 文件 。 
Customer 目录 : 存放 游客 的 主要 网 页 文件 。 
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。 Tourist 目录 : 存放 顾客 的 主要 网 页 文件 。 

。 根 目 录 : 存放 web. config( 配 置 文 件 )、Default. aspx( 主 页 文件 )、MasterPage. master 
( 母 版 页 文件 ) .dispinfo. aspx( 公 共 信 息 显 示 网 页 文件 ) .managermenu. aspx( 管 理 员 

主页 文件 ) .operatormenu. aspx( 操 作 员 主页 文件 ) customermenu. aspx( 顾 客 主 页 文 

件 ) 和 touristmenu. aspx( 游 客 主页 文件 ) 。 


12.3 数据 库 设 计 
知识 梳理 


创建 数据 库 OnRet 
创建 数据 表 


12.3.1 创建 数据 库 OnRet 


首先 ,使 用 Visual Studio 2012 创建 一 个 文件 系统 的 空 网 站 OnRetS, 其 位 置 为 D:\ 
OnRetS 目录 ,建立 一 个 名 称 为 App_Data 的 子 目 录 。 

采用 “Window 身份 验证 ”模式 启动 SQL Server 2012 数据 库 引 擎 ,选择 “数据 库 | 新 建 数据 
库 ”" 目 录 , 创 建 OnRet 数据 库 的 对 话 框 如 图 12. 7 所 示 , 数 据 文件 存放 在 D:\OnRetS\App_ 
Data 目录 中 。 单 击 “ 确 定 ” 按 钮 便 创 建 了 OnRet 数据 库 。 


| 号 上” 四 部 屿 


数据 库 名 称 0 : 

所 有 者 ) 

本 使 用 全 文 索引 

者 据 庄 文件 中) 

逮 辑 名 称 文件 类 型 “文件 组 。 初始 大 小 MB) ”自动 增长 /最 大 大 小 路 径 

OnRet 行 数据 。 PRIMARY 50 增 里 为 ! MB， 增长 ..， [a) 了: \OnRetS\App_Datd 
Dnketlog 。 日 志 不 通用 20 增 量 为 10%, 增长 .，。 (Gn) 了 :\OnRetS\App_Dats 


接 


LEB-PC\Adninistrator 
到 9 查看 广 按 属性 


就 绪 


图 12.7 创建 OnRet 数据 库 
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12.3.2 创建 数据 表 
OnRet 数据 库 中 共 创建 如 下 10 个 数据 表 。 
(1) User 为 用 户 信息 表 , 用 于 存放 管理 员 和 ro EE 


操作 员 的 信息 。 其 表 结 构 如 图 12. 8 所 示 。 根 管 数据 类 型 允许 Null 什 

理 员 为 system/manager, 管 理 员 可 以 让 其 他 操作 ” I | 0 

员 变 为 无 效 的 。 无 效 操作 员 不 能 登录 本 网 站 。 3 charl10) 加 
(2) Customer 为 顾客 信息 表 , 用 于 存放 所 有 加 中 

顾客 的 信息 。 其 表 结 构 如 图 12. 9 所 示 。 管 理 员 

可 以 让 每 个 顾客 变 为 无 效 的 ,无 效 顾客 不 能 登录 a 

本 网 站 。 


(3) Products 为 商品 信息 表 , 用 于 存放 所 有 商品 的 信息 。 其 表 结 构 如 图 12. 10 所 示 。 管 
理 员 可 以 下 架 某 个 商品 ,这 样 对 应 的 商品 信息 变 为 无 效 ,无 效 商 品 不 能 被 顾客 购买 。 该 表 中 
“图 片 ? 列 是 字符 串 类 型 的 ,存放 商品 对 应 的 图 像 文 件 名 ,而 不 是 实际 图 像 文 件 。 例 如 ， 
Products 表 中 部 分 商品 信息 如 图 12. 11 所 示 , 从 中 看 到 ,编号 为 1111 的 商品 对 应 的 图 像 文件 
为 “一 //Picture//1111.jpg”, 即 网 站 子 目录 Picture 中 的 1111. jpg 文件 。 


LCB-PC.OnRet - dbo,Customers Xx IE 


列 名 数据 类 型 允许 Null 值 
网 用 户 各 char(20) 回 LCB-PC.OnRet - dbo.products x | 
密码 char(10) 贺 列 名 数据 类 型 允许 Null 值 

姓名 char(20) 邮 商品 编 引 char(20) 回 
学 历 char(10) 贺 分 类 char(20) 贺 
年 龄 int 了 类 char(20) 加 
地 区 char(10) 加 品牌 char(20) 贺 
省 份 char(10) 加 型 S char(20) 
市 char(10) 国 单价 float 贺 
县 char(10) 园 库存 数量 int 加 
住址 char(40) 加 图 片 char(50) 国 
郎 箱 char(40) 有 效 否 bit 
电 活 char(20) 贺 星 数 float 
有 效 否 bit 评 iG 数 int 加 

图 12.9 Customer 表 结 构 图 12. 10 Products 表 结 构 
外 类 品牌 型 号 单价 ”库存 数量 图 片 有 效 否 ” 星 数 “评论 数 

1 | 手机 /数码 手机 小 米 红 米 手机 2 T49194 1Pieture//llll jpe 1 o 0 

2 ”手机 /数码 手机 小 米 。 红 米 ote 1067 95 /Picture//1l12. jpe 1 o 0 

3 手机 /数码 手机 华为 华为 P8 2888 82 MiPicture//ll21. jpe 1 0 0 

4 手机 /数码 手机 华为 荣 丰 sFlus 1999 78 Vipicturef/ll22. jpe 1 0 0 


图 12.11 Products 表 中 部 分 记录 


(4) Comment 为 商品 信息 表 , 用 于 存放 所 有 顾客 对 商品 的 评价 信息 。 其 表 结 构 如 图 12. 12 
所 示 。 

(5) Area 为 地 区 层次 结构 表 , 用 于 商品 销售 分 析 以 及 顾客 地 区 结构 分 析 。 其 表 结 构 如 
图 12. 13 所 示 。 其 中 ,“ 编 号 ” 列 属性 如 图 12. 14 所 示 , 它 是 一 个 标识 规范 列 ,其 值 是 自动 增 
长 的 。 
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LCB-PC.OnRet - dbo.Area Xx 


LCB-PC.OnRet - dbo.Comment x ss 数据 关 型 允许 Null 值 
到 RE 关 型 允许 Null 值 aEs int 回 
Vi 商 m 编 引 | char(20) 国 地 区 char(10) 
用 户 名 char(20) 回 省 份 char(10) 
评语 char(200) 回 市 char(10) 
分 数 int 贺 县 char(10) 
图 12.12 Comment 表 结 构 图 12.13 Area 表 结 构 


(6) Education 为 顾客 学 历 表 ,用 于 顾客 学 历 结构 分 析 。 其 表 结 构 如 图 12. 15 所 示 。 其 中 
“编号 ” 列 也 是 标识 规范 列 , 其 值 是 自动 增长 的 。 


列 尾 性 
末 帮 到 =| 
4 (常规 ) 
名 和 纺 S 
默认 值 或 绑 定 
数据 类 型 int 
允许 Null 值 否 
4 表 设 计 器 
是 
是 
1 LCB-PCOnRet - dbo.Education x | | 
1 列 名 数据 类 型 允许 Null 值 
再 | 篇 引 int 加 
学 历 char(10) 贺 
int 回 
图 12.14 Area 表 列 “ 编 号 "的 属性 图 12.15 Education 表 结 构 


(7) ProdType 为 商品 分 类 表 , 用 于 商品 分 类 结构 分 析 。 其 表 结 构 如 图 12. 16 所 示 。 其 中 
“编号 ” 列 也 是 标识 规范 列 ,其 值 是 自动 增长 的 。 

(8) ShoppingCart 为 商品 购物 车 表 , 用 于 存放 顾客 放 入 购物 车 的 商品 信息 。 其 表 结 构 如 
图 12. 17 所 示 。 


LCB-PC.OnRet - dbo.ShoppingCart x | 


列 名 数据 类 型 允许 Null 值 

pA | char(20) 团 
商品 编号 char(20) 贺 
分 类 char(20) 贺 
了 类 char(20) 贺 
LCB-PC.OnRet - dbo.prodType x [aas 品牌 char(20) 贺 
列 名 数据 类 型 允许 Null 值 型 号 char(20) 回 
》 编号 int 固 图 片 char(50) 加 
分 类 char(20) 国 单价 float 国 
于 类 char(20) 加 数量 int 
品牌 char(20) 回 EE: float 辆 
加 回 

图 12.16 ProdType 表 结 构 12.17 ”ShoppingCart 表 结 构 


(9) OrderForm 为 商品 订单 表 , 用 于 存放 所 有 顾客 的 订单 信息 。 其 表 结 构 如 图 12. 18 
所 示 。 
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(10) Sales 为 商品 销售 表 , 用 于 存放 所 有 商品 销售 信息 。 其 表 结 构 如 图 12. 19 所 示 。 
LCB-PC.OnRet - dbo.OrderForm x | | 


列 名 数据 类 型 允许 Null 值 
》 订单 下 int 贺 
日 其 date 
局 hr 回 ro oc | 
姓名 char(20) 加 列 名 数据 类 型 允许 Null 值 
地 区 char(10) 》》 订单 号 int 加 
省 份 char(10) 日 期 date 加 
市 char(10) 用 户 名 char(20) 加 
县 char(10) 商品 编号 char(20) 加 
住址 char(40) 贺 分 类 char(20) 圆 
邮箱 char(40) 国 3 耿 char(20) 加 
电话 char(20) 国 品牌 char(20) 贺 
总 数量 int 图 型 号 char(20) 加 
总 金额 float 贺 单价 float 加 
处 理 否 bit 贺 数量 int 贺 
结算 否 bit 全 疾 float 贺 
固 回 
图 12. 18 OrderForm 表 结 构 图 12.19 Sales 表 结 构 


上 述 表 中 ,包含 了 一 些 宛 余 字 段 ,所 谓 宛 余 字 段 是 指 这 些 信息 可 以 从 其 他 表 通 过 表 连 接 得 
到 。 为 了 减轻 服务 器 的 负担 ,这 样 的 设计 是 合适 的 。 


12.4 网 站 公共 模块 设计 


知识 梳理 


web.config 配 置 文件 


CommDB.cs 类 文件 


CE 公共 二 让 StyleSheet.css 样 式 文件 


MasterPage.master 母 版 页 


公共 网 页 dispinfo.aspx 


公共 功能 模块 由 web. config、CommDB. cs、StyleSheet. css、MasterPage. master( 母 版 页 
文件 ) 和 dispinfo. aspx 组 成 。 


12.4.1 web. config 配置 文件 


本 网 站 的 web. config 配置 文件 十 分 简单 ,由 于 没有 采用 ASP .NET 的 登录 功能 ,因此 不 
需 配置 提供 程序 ,只 增加 连接 字符 串 节 和 设置 Default. aspx 为 主页 ,存放 在 网 站 的 根 目录 下 。 
该 配置 文件 的 代码 如 下 : 

<?xml version= "1.0"?> 


<configuration> 
<appSettings> 
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<add key = "ValidationSettings:UnobtrusiveValidationMode" value = "None" /> 
</appSettings > 
< connectionStrings> 
<add name = "myconnstring" 
connectionString = "Data Source = LCB - PC; Initial Catalog = OnRet; 
Integrated Security = True" 
providerName = " System.Data. SqlClient" /> 
</ connectionStrings > 
< system. web> 
< authentication mode = "Forms"> 
< forms loginUrl = "Default. aspx"/> 
</authentication> 
< compilation debug = "true" targetFramework = "4.5"> 
</compilation> 
< httpRuntime targetFramework = "4.5"/> 
</system. web> 
</configuration > 


12.4.2 CommDB. cs 类 文件 


该 类 文件 包括 通用 数据 库 访 问 方法 和 随机 产生 验证 码 方 法 等 ,被 其 他 网 页 引用 ,存放 在 网 
站 的 App_Code 目录 中 。 文 件 代码 如 下 : 


using System; 
using System. Data; 
using System. Data. SqlClient; 
public class CommDB 
{ public CommDB() // 默 认 构造 函数 
{} 
/闪闪 闪闪 闪闪 闪闪 关 闪光 闪光 闪闪 闪闪 闪闪 关 关 闪 兴 闪闪 闪闪 闪闪 关 关 闪闪 闪光 尖 尖 闪闪 关 关 关 闪闪 尖 关 闪闪 闪 关 关 关 关 尖 其 关 闪闪 尖 关 关 关 关 关 关 尖 
// 返 回 SELECT 语句 执行 后 记录 集中 的 行 数 
LA 尖 尖 尖 关 尖 关 尖 尖 关 关 关 关 关 六 关 闫 尖 尖 六 尖 尖 尖 尖 关 闪 关 关 关 闫 关 关 闫 六 尖 闫 关 尖 关 关 尖 关 闫 闪闪 关 关 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 尖 关 关 关 
public int Rownum( string sql) 
i //sql 参数 指出 SQL 语句 
int i=0; 
string mystr = System.Configuration.ConfigurationManager. 
ConnectionStrings[ "myconnstring"]. ToString( ); 
// 从 web. config 文件 获取 连接 字符 串 
SqlConnection myconn = new SqlConnection(); 
myconn. ConnectionString = mystr; 
myconn. Open( ); 
SqlCommand mycmd = new SqlCommand(sql, myconn); 
SqlDataReader myreader = mycmd. ExecuteReader(); 


while (myreader. Read( )) // 循 环 读 取信 息 
ri} 

myconn. Close( ); 

return i; // 返 回 读 取 的 行 数 


} 

/闪闪 闪闪 关 尖 关 关 关 关 关 尖 尖 尖 尖 尖 尖 关 关 关 关 关 尖 尖 尖 尖 关 关 关 关 关 关 关 关 尖 尖 尖 光 尖 关 关 关 关 关 尖 尖 尖 尖 关 关 关 关 关 关 关 关 尖 尖 尖 关 关 关 关 关 关 关 
// 执 行 SQL 语句 ,返回 是 否 成 功 执行 . SQL 语句 最 好 是 如 下 : 

//UPDATE 表 名 SET 字段 名 = value, 字 段 名 = value WHERE 字段 名 = value 
//DELETE FROM 表 名 WHERE 字段 名 = value 

//INSERT INTO 表 名 (字段 名 ,字段 名 ) values (value, value) 

// 尖 尖 尖 关 闫 尖 闫 关 关 闫 闫 尖 尖 闫 关 关 闫 闫 关 闫 闫 尖 闫 闫 尖 闫 闫 尖 闫 闫 关 关 闫 关 关 闫 关 关 美美 关 闫 闫 尖 关 闫 关 关 闫 关 关 闫 关 关 闫 闫 关 闫 闫 关 关 闫 关 关 闫 关 
public Boolean ExecuteNonQuery( string sql) 
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{ string mystr = System.Configuration.ConfigurationManager. 
ConnectionStrings[ "myconnstring" ]. ToString(); 
SqlConnection myconn = new SqlConnection(); 
myconn. ConnectionString = mystr; 
myconn. Open( ); 

SqlCommand mycmd = new SqlCommand(sql,myconn); 
try 
{ mycmd.ExecuteNonQuery(); 
myconn. Close(); 
} 
catch 
{ myconn. Close( ); 
return false; 
} 
return true; 

} 

AAA 尖 尖 尖 闫 关 闫 美 关 闫 关 关 闫 尖 关 关 尖 关 关 闫 闫 关 闫 闫 关 闫 尖 闫 闫 尖 美美 关 闫 美美 关 关 关 关 尖 关 关 美美 闫 闫 关 关 关 美美 关 关 美 关 关 美美 闫 关 关 关 关 关 关 关 

// 执 行 SELECT 语句 ,返回 DataSet 对 象 

/ 尖 汰 状 庆 闪闪 闪闪 关 关 关 关 关 关 关 关 关 庆 闪闪 训 闪闪 闪闪 并 并 江 认 庆 关 关 关 关 关 关 闪光 尖 关 关 关 并 并 并 并 交 关 闪光 关 关 关 关 关 关 关 关 关 关 关 关 尖 关 关 关 关 

public DataSet ExecuteQuery( string sql, string tname) 

{ string mystr = System.Configuration.ConfigurationManager. 

ConnectionStrings[ "myconnstring"]. ToSstring( ); 
SqlConnection myconn = new SqlConnection(); 
myconn. ConnectionString = mystr; 
myconn. Open( ); 
SqlDataAdapter myda = new SqlDataAdapter(sql,myconn); 
DataSet myds = new DataSet(); 
myda. Fill(myds, tname) ; 
myconn. Close( ); 
return myds; 
} 


/// 尖 尖 尖 尖 尖 六 尖 关 六 关 关 关 尖 尖 关 关 尖 尖 关 关 尖 尖 尖 美美 关 关 尖 尖 关 关 关 尖 尖 关 闪闪 尖 关 关 尖 尖 尖 关 关 关 尖 关 关 尖 尖 关 关 关 尖 尖 关 关 尖 尖 关 关 关 尖 


// 执 行 SELECT 语句 ,返回 聚合 函数 结果 
次 尖 尖 关 关 源源 关 关 关 关 关 关 关 关 类 源源 关 尖 关 并 关 关 尖 关 关 关 关 关 关 尖 关 关 类 关 关 尖 关 关闭 关 半 并 关 关 尖 关 类 尖 尖 类 类 并 关 类 源源 类 源源 关 
public string ExecuteAggregateQuery( string sql) 
{ string jg; 

string mystr = System.Configuration.ConfigurationManager. 

ConnectionStrings[ "myconnstring"]. ToString( ); 

SqlConnection myconn = new SqlConnection(); 

myconn. ConnectionString = mystr; 

myconn. Open( ); 

SqlCommand mycmd = new SqlCommand(); 

mycmd. CommandText = sql; 

mycmd. Connection = myconn; 

jg = mycmd. ExecuteScalar().ToString(); 

myconn. Close( ); 

return jg; 
} 
/闪闪 闪闪 闪闪 关 关 关 关 关 尖 闪闪 尖 尖 尖 关 关 关 关 关 闪闪 尖 尖 尖 关 关 关 关 关 关 关 尖 尖 尖 尖 尖 关 关 关 关 关 关 尖 闪闪 尖 关 关 关 关 关 关 关 尖 尖 尖 尖 关 关 关 关 关 关 关 
/// 实现 随机 验证 码 : 返 回 生成 的 随机 数 
/闪闪 闪闪 闪闪 关 关 关 关 关 尖 尖 尖 尖 尖 尖 关 关 关 关 关 闪闪 尖 尖 关 关 关 关 关 关 关 关 尖 尖 尖 尖 尖 关 关 关 关 关 关 尖 尖 尖 尖 关 关 关 关 关 关 关 尖 尖 尖 尖 关 关 关 关 关 关 关 
public string RandomNum( int n) //n 为 验证 码 的 位 数 
{ ”// 定 义 一 个 包括 数字 、 大 写 英 文字 母 和 小 写 英文 字母 的 字符 串 

string strchar = "0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H," + 

IIR LMNO0P ORS TU 2,"; 
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// 将 strchar 字符 串 转 化 为 数组 
//String. Split 方法 返回 包含 此 实例 中 的 子 字 符 串 的 String 数组 . 
string[ ] arry = strchar. Split(', '); 


string num = ""; 
// 记 录 上 次 随机 数值 ,尽量 避免 产生 几 个 一 样 的 随机 数 
int temp = 一 17 


// 采 用 一 个 简单 的 算法 以 保证 生成 随机 数 的 不 同 
Random rand = new Randonm(); 
for (inti = 1;i<n+ 1; i++) 
{ if (temp != 一 1) 
{ ”//unchecked 关键 字 用 于 取消 整 型 算术 运算 和 转换 的 溢出 检查 
//DateTime. Ticks 属性 获取 表示 此 实例 的 日 期 和 时 间 的 刻度 数 
rand = new Random(i #* temp * unchecked((int)DateTime. Now.Ticks)); 
} 
//Random. Next 方法 返回 一 个 小 于 所 指定 最 大 值 的 非 负 随机 数 
int t = rand. Next(35); 


if (temp != -1 && temp == 七 ) 
return RandomNum(n); 
temp = t; 
num += arry[t]; 
} 
return num; // 返 回 生成 的 随机 数 


} 


12.4.3 StyleSheet. css 样式 文件 


该 文件 包含 一 些 样式 定义 ,被 其 他 网 页 引用 ,存放 在 网 站 的 App_Themes 目录 中 。 文 件 
代码 如 下 : 


.auto— stringstyle /* 输入 文本 框 提示 文字 样式 * / 
{ ”font -family: 楷体 ; font - size: medium; 

color: #0000FF; font - weight: bold; 

text - align:right; height:22px; 


.auto - captionstyle /* 标题 样式 * / 
font - size: 16pt; color: #ff0099; 

font - family: 幼 圆 ; font - weight: bold; 

text ~ align:center; height:40px; 


.auto— resettyle /* 重 置 按钮 样式 x*/ 
{ font - weight: bold; color: red; 
font - family: 黑体 ; font - size: medium; 


a:visited /* 定 义 超 链接 被 访问 过 后 的 显示 颜色 * / 
{ text - decoration:none; 
color: #0000FF; font - weight :bold; 


a:link /* 定义 正常 显示 的 超 链接 颜色 */ 
{ text — decoration:none; 
color: # FF6A00; font — weight :bold; 


# tablecenter /x* 表格 居中 样式 * / 
{ margin— left: auto; margin ~ right: auto; 

vertical - align: middle; background — color: #99ccff; 

width: 519px; 
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12.4.4 MasterPage. master 母 版 页 


母 版 页 MasterPage. master 存放 在 网 站 根 目 录 中 。 该 母 版 页 中 包含 一 个 3X3 的 表格 ,第 
1 行 放置 images/top. jpg 图 形 文件 ,第 3 行 放 置 images/bottom. jpg 图 形 文件 ,第 2 行 第 1 列 和 第 
3 列 各 放置 一 个 images/edges. jpg 图 形 文件 ,第 2 行 第 2 列 放 置 一 个 ContentPlaceHolder 控件 
ContentPlaceHolderl 。 其 设计 界面 如 图 12. 20 所 示 。 


有 人 


欢迎 访问 本 网 站 


图 12. 20 ”MasterPage. master 设计 界面 


在 本 网 站 中 ,MasterPage. master 作为 Default. aspx 和 各 种 用 户主 页 的 母 版 页 ,这 样 达到 
统一 网 页 设计 界面 的 目的 。 


12.4.5 公共 网 页 dispinfo. aspx 


该 网 页 用 于 在 各 种 用 户主 页 中 显示 用 户 操作 的 提示 信息 , 它 存 放 在 网 站 的 根 目录 下 。 

dispinfo. aspx 网 页 的 设计 界面 如 图 12. 21 所 示 ,其 中 只 有 一 个 标签 Labell ,包含 的 C# 代 
码 如 下 : 

using System; 

public partial class Welcome : System. Web. UI. Page 


{ protected void Page_ Load(object sender, EventArgs e) 
{ 
Labell. Text = Request. QueryString["info"]; 
} 
} 


其 他 调用 它 的 网 页 向 它 传 递 info 字符 串 ,然后 在 Labell 中 显示 。 例 如 ,以 下 调用 语句 显 
示 的 结果 如 图 12. 22 所 示 。 


dispinfo.aspx?info= 欢迎 使 用 本 系统 " 


FE  _ _ - 


| [Cabell] | 


| 欢迎 使 用 不 系统 
4 » 


12.21 dispinfo 网 页 的 设计 界面 图 12.22 dispinfo 网 页 的 执行 界面 
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12.5 主页 设计 


知识 梳理 


CE 页 一 一 一 | 主页 设计 方法 
本 网 站 的 主页 是 Default. aspx。 它 提供 用 户 登 录 功 能 。 
Default 网 页 的 设计 界面 如 图 12. 23 所 示 , 其 母 版 页 为 MasterPage. master, 在 Contenl 中 
包含 一 个 6X2 的 表格 ,表格 中 主要 有 用 户 编号 文本 框 TextBoxl ,密码 文本 框 TextBox2, 用 户 
类 型 单 选 按 钮 (RadioButton1、RadioButton2 和 RadioButton3) ,输入 验证 码 文本 框 TextBox3， 
显示 验证 码 标签 Labell “登录 ”按钮 Button1“ 重 置 "按钮 Button2、“ 看 不 清 ” 按 钮 Button3 和 
“游客 入口 ?按钮 Button4 。 


Masterpage maser 


在 线 商 品 销 售 条 统 , 


用 户 有 登录 


用 户 名 

密 双 厂  ，， 
用 户 关 型 顾 容 操作 员 管理 员 

验证 码 站 验证 码 。 OE 不 区 分 大 小 写 | 看 不 清 | 


| | [BA 


欢迎 访问 本 网 站 
图 12.23 ”Default 主页 的 设计 界面 
主页 对 应 的 C# 代 码 如 下 : 


using System; 
using System. Web. UI; 
public partial class Default : System. Web. UI.Page 


{ CommDB mydb = new CommDB(); // 创 建 CommDB 类 对 象 
protected void Page Load(object sender, EventArgs e) 
{ if (!Page.IsPostBack) // 在 网 页 首发 时 执行 
Labell. Text = mydb.RandomNum(4) 
else // 在 回 传 时 保持 密码 


TextBox2. Attributes. Add( "value", TextBox2. Text) ; 
} 
protected void Buttonl Click(object sender, EventArgs e) 
{ string mysql; //sQL 语句 
int i; 
证 (TextBoxl. Text. Trim() == "" || TextBox2.Text.Trin() == "") 
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{ ”Response. Write("< script > alert(' 用 户 名 和 密码 不 能 为 空 !')</script >"); 
return; 
} 
证 (TextBox3. Text. ToUpper().Trim()!= Labell. Text. Trim()) // 若 验证 码 输 入 错误 
Response.Write("< script>alert(' 你 的 验证 码 输入 错误 ," 
+ "请 重 输入 ! ')</script >"); 
else // 若 验证 码 输入 正确 
{ if (RadioButton1. Checked) // 顾 客 登录 
{ ”mysql = "SELECT 用 户 名 FROM Customers WHERE 用 户 名 = " 
+ TextBoxl.Text + "'RND 密码 = '" + TextBox2. Text 
+ "'AND 有 效 否 = '1"; 


i = mydb.Rownum(mysql); // 执 行 SQL 语句 并 返回 行 数 i 

if (i>0) // 合 法 顾客 

{ Session["uname"] = TextBoxl.Text.Trim(); // 保 存 顾客 用 户 名 
Server. Transfer("~ /customermenu. aspx" ) // 转 向 顾客 主页 

} 

else // 非 法 用 户 


Response. Write("< script > alert( ' 对 不 起 ,你 输入 的 " 
+ "用 户 名 /密码 错误 或 者 已 无 效 , 请 查实 !')</script >"); 
} 
else if (RadioButton2. Checked) // 操 作 员 登录 
{ ”mysql = "SELECT 用 户 名 FROM Users WHERE 用 户 名 = '" + TextBoxl. Text 
+ "'AND 密码 = '" + TextBox2.Text+"'" 
+ "RND 类 型 = ' 操 作 员 ' AND 有 效 否 = '1"; 


i = mydb. Rownum(mysql); // 执 行 SQL 语句 并 返回 行 数 i 

if (i>0) // 合 法 操作 员 用 户 

{ Session["uname"] = TextBoxl.Text.Trim(); // 保 存 操作 员 用 户 名 
Server. Transfer("~ /operatormenu. aspx" ); // 转 向 操作 员 主 页 

} 

else // 非 法 用 户 


Response. Write("< script >alert( ' 对 不 起 ,你 输入 的 " 
+ "用 户 名 /密码 错误 或 者 已 无 效 ,请 查实 ! ')</script >"); 
} 
else if (RadioButton3. Checked) // 管 理 员 登 录 
{ ”mysql= "SELECT 用 户 名 FROM Users WHERE 用 户 名 = '" + TextBoxl.Text 
+ "'AND 密码 = '"” + TextBox2.Text + "'AND 类 型 = ' 管 理 员 "; 


i = mydb. Rownum(mysql); // 执 行 SQL 语句 并 返回 行 数 i 

if (i>0) // 合 法 管理 员 用 户 

{ Session["uname"] = TextBoxl.Text. Trim(); // 保 存 管理 员 用 户 名 
Server. Transfer("~ /managermenu. aspx" ); // 转 向 管理 员 主 页 

} 

else // 非 法 用 户 


Response. Write("< script > alert( ' 对 不 起 ,你 输入 的 " 
+ "用 户 名 或 者 密码 错误 ,请 查实 ! ')</script >"); 


} 
} 
protected void Button3_Click(object sender, EventArgs e) 
{ 
Labell. Text = mydb.RandomNum(4); // 获 取 验 证 码 并 显示 在 Labell 控件 中 
} 
protected void Button4_ Click(object sender, EventArgs e) 
{ ”Session["uname"] = "游客 "; // 保 存 "游客 "用 户 名 
Server. Transfer(" 一 /touristmenu.aspx"); // 转 向 游客 主页 
} 
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本 网 页 用 Session("uname") 会 话 保 存 登 录用 户 的 用 户 名 ,在 后 面 调用 的 网 页 中 多 次 
使 用 。 

本 主页 在 正 浏览 器 中 的 执行 界面 如 图 12. 24 所 示 , 这 里 是 管理 员 登 录 , 输 入 用 户 名 和 和 密 
码 ,选择 “管理 员 ” 类 型 ,输入 正确 的 验证 码 , 单 击 * 登 录 ” 按 钮 即 可 进入 管理 员 主 页 (管理 员 菜 单 
网 页 ) 。 如 果 是 游客 ,只 需 单 击 * 游 客 和 人口 ”按钮 即 可 进入 游客 主页 。 


在 线 , 商品 销售 人 系统 


用 户 类 型 中 晤 友 口 报 作 员 加 管理 吕 
验证 马 [iok ” 。 答 证 妃 : 加 时 不 E 分 大 小 5 到 | 


到 录 | | 重 页 | | 游客 入 口 
欢迎 访问 本 网 站 
©@CopyRight By ABC 


图 12.24 ”Default 主页 的 执行 界面 


12.6 游客 功能 网 页 设计 


知识 梳理 


游客 功能 网 页 设计 游客 功能 网 页 设计 方法 


12.6.1 游客 功能 主页 设计 


当 游客 进入 网 站 后 ,首先 显示 游客 功能 主页 touristmenu, 其 设计 界面 如 图 12. 25 所 示 。 
它 是 基于 母 版 页 MasterPage. master 的 。 该 网 页 位 于 网 站 根 目录 下 , 它 所 调用 的 所 有 网 页 都 
放置 在 子 Tourist 目录 中 。 

在 Contentl 中 包含 一 个 2X2 的 表格 ,表格 的 第 1 行 两 列 合并 ,放置 一 个 提示 标签 Labell 。 

表格 的 第 2 行 第 1 列 放置 一 个 TreeViewl 控件 和 一 个 超 链 接 HyperLinkl1。TreeViewl 
控件 的 源 视 图 代码 如 下 : 


<asp:TreeView ID = "TreeView1”runat = "server" style= "text ~ align:center; 
font - family: 仿 宋 ;font weight:bold;font — size: 16px"> 
<Nodes> 
<asp:TreeNode Text = "注册 管理 " Value = "注册 管理 " 
NavigateUrl = "dispinfo. aspx?info = 欢迎 使 用 本 系统 " Target = "Iframel"> 
<asp:TreeNode Text = "用 户 注册 ”Value = "用 户 注册 " 
NavigateUrl = "~ /Tourist/Registered. aspx" Target = "Iframel"> 
</asp:TreeNode > 
</asp:TreeNode> 
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<asp:TreeNode Text = "商品 管理 " Value = "购物 管理 " 
NavigateUrl = "dispinfo. aspx?info = 欢迎 使 用 本 系统 " Target = "Iframel"> 
<asp:TreeNode Text = "查看 (浏览 ) 商 品 ”Value = "查看 (浏览 ) 商 品 " 
NavigateUrl = "~ /Tourist/QueryProduct. aspx" Target = "Iframel"> 
</asp:TreeNode> 
</asp:TreeNode > 
</Nodes> 
</asp:TreeView> 


TreeViewl 控件 起 到 菜单 的 作用 , 当 用 户 单 击 其 中 叶子 节点 项 时 ,调用 NavigateUrl 属性 
所 指定 的 网 页 ,被 调用 的 网 页 均 在 Iframel 框架 中 显示 。 当 用 户 单 击 非 叶 子 节点 项 时 ,统一 调 
用 dispinfo 网 页 显示 提示 信息 。 


MasterPage mane 


在 线 商 器 人 销售 条 统 ， 


- Fa 
[Labell] 


hup:nocalhost53379jdispinfo.aspx?info= 歼 迎 使 用 本 系统 


退出 本 系统 


图 12.25 游客 主页 touristmenu 的 设计 界面 


超 链 接 HyperLinkl 用 于 返回 到 网 站 主页 ,对 应 的 源 视图 代码 如 下 : 


<asp:HyperLink ID = "HyperLink1" runat = "server" 
style = "font - family: 黑 体 ; font - weight:bold;font- size:16px;color: 间 009900" 
NavigateUrl = "一 /Default.aspx" Target = ”self"> 退 出 本 系统 

</asp:HyperLink > 


表格 的 第 2 行 第 2 列 放置 一 个 IFrame 框架 ,其 源 视图 代码 如 下 : 


< iframe name = "Iframel" id= "Iframel” 
style=" height:480px; width:99 % ;text ~ align:center" 
src = "dispinfo.aspx?info = 欢迎 使 用 本 系统 "> 
</iframe> 
Iframel 框架 中 初始 显示 dispinfo 网 页 ,以 后 显示 游客 操作 所 调用 的 网 页 。 由 于 Visual 
Studio 中 没有 IFrame 控件 ,这 里 采用 直接 输入 源 视 图 代码 的 方式 添加 Iramel 框架 。 
本 网 页 对 应 的 C# 代 码 如 下 : 
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using System; 
public partial class touristmenu : System. Web. UI. Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
Labell. Text = "游客 端 一 欢迎 你 :"” + Session["uname"]; 
} 
} 


游客 进入 本 网 站 后 的 执行 界面 如 图 12. 26 所 示 。 用 户 可 以 单 击 TreeViewl 控件 的 节点 
执行 相应 的 功能 。 


在 线 商品 销售 条 统 ， 


殊 迎 任用 再 系统 


商品 管理 
查看 〈 浏 览 》 商 品 
退出 本 系统 


v 


欢迎 访问 本 网 站 


SCopyRight By ABC 


图 12.26 游客 主页 touristmenu 的 执行 界面 


12.6.2 “用 户 注 册 ” 功 能 网 页 设计 


用 户 注 册 网 页 Registered 实现 游客 的 注册 操作 ,其 设计 界面 如 图 12. 27 所 示 ,其 中 包含 一 
个 15 行 4 列 的 表格 。 第 4 列 主要 是 验证 控件 。 为 了 用 户 操作 方便 ,如 学 历 . 地 区 省份 .市 和 
县 这 类 基础 数据 ,用 户 可 以 从 对 应 的 下 拉 列 表 中 选择 ,而 且 必 须 选 择 一 个 非 空 项 。 

学 历 下 拉 列 表 为 DropDownListl , 它 与 Education 表 绑 定 。 在 Page_Load 事件 处 理 过 程 
中 就 进行 绑 定 ,在 这 个 网 页 执行 中 绑 定 的 值 不 发 生 改 变 。 

地 区 下 拉 列 表 为 DropDownList2 , 它 与 Area 表 绑 定 。 当 用 户 选 择 一 个 地 区 后 ,省 份 下 拉 
列表 DropDownList3 的 数据 应 随 之 发 生 改 变 , 如 当 用 户 选 择 “ 华 东 ” 地 区 时 ,DropDownList3 
下 拉 列 表 中 只 列 出 华东 地 区 的 省 份 。 为 此 ,在 DropDownList2 下 拉 列 表 上 设计 一 个 
DropDownList2_SelectedIndexChanged 事件 处 理 过 程 , 它 的 功能 就 是 根据 DropDownList2 中 
的 值 确定 DropDownList3 的 可 选项 。 这 里 需要 将 DropDownList2 的 AutoPostBack 属性 设 
为 True, 以 便 在 用 户 选 择 一 个 地 区 项 后 进行 回 发 ,执行 上 述 事 件 处 理 过 程 。 但 出 现 一 个 问题 ， 
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DropDownList2 中 默认 显示 第 一 个 地 区 项 ,只 有 用 户 选 择 其 他 地 区 项 时 才 引 发 执行 
DropDownList2_SelectedIndexChanged, 为 此 ,在 DropDownList2 的 绑 定 数据 集中 插入 一 个 
空 选项 ,用 户 只 能 选择 非 空地 区 项 (因为 它 对 应 有 一 个 非 空 验证 控件 ), 从 而 保证 执行 该 事件 处 
理 过 程 。 


图 12. 27 Registered 的 设计 界面 


对 于 省 份 下 拉 列 表 DropDownList3 和 市 下 拉 列 表 DropDownList4 采用 同样 的 设计 。 

用 户 注册 的 所 有 数据 项 都 是 必 输 项 ,而且 要 满足 相关 要 求 ,如 邮箱 格式 正确 ,年 龄 在 10 一 
99 之 间 等 。 在 用 户 成 功 输入 后 , 单 击 “ 确 定 ” 按 钮 会 将 该 游客 信息 添加 到 Customers 表 中 。 

本 网 页 对 应 的 C# 代 码 如 下 : 

using System; 

using System. Web. UI; 


using System. Data; 
public partial class Customer Registered : System. Web. UI. Page 


{ CommDB mydb = new CommDB(); // 创 建 CommDB 类 对 象 
DataSet myds = new DataSet(); 
string mysql; // 存 放 SQL 语句 
protected void Page_ Load(object sender, EventArgs e) 
{ if (!Page.IsPostBack) // 在 网 页 首发 时 执行 


{ mysql = "SELECT 学 历 FROM Education"; 
myds = mydb.ExecuteQuery(mysql, "Education"); // 执 行 SELECT 语句 
DataRow nrow = myds.Tables["Education"].NewRow(); // 插 入 一 个 空 行 
nrow[" 学 历 "] = ""; 
myds. Tables[ "Education" ]. Rows. InsertAt (nrow, 0); 
DropDownList1. DataSource = myds.Tables["Education"]; 


// 设 置 学 历 下 拉 列 表 的 数据 源 
DropDownList1. DataTextField = "学 历 "; // 设 置 学 历 下 拉 列 表 的 绑 定 字 段 
DropDownList1. DataBind( ); // 数 据 绑 定 


mysql = "SELECT distinct 地 区 FROM Area"; 
myds = mydb. ExecuteQuery(mysql, "Area"); // 执 行 SELECT 语句 


408 


电子 商务 网 站 开发 教程 一 一 基于 C# 十 ASP .NET 


} 


DataRow nrowl = myds.Tables["Area"].NewRow(); // 插 入 一 个 空 行 
nrow1[" 地 区 "] = ""; 

myds. Tables[ "Area" ]. Rows. InsertAt(nrowl, 0); 

DropDownList2. DataSource = myds.Tables["Area"]; 


// 设 置地 区 下 拉 列 表 的 数据 源 
DropDownList2. DataTextField = "地 区 "; // 设 置地 区 下 拉 列 表 的 绑 定 字段 
DropDownList2. DataBind( ); // 数 据 绑 定 


DropDownList3. Enabled = false; 
DropDownList4. Enabled = false; 
DropDownList5. Enabled false; 


nl 


} 

else // 在 回 传 时 保持 密码 

{ passTextBox1. Attributes. Add("value", passTextBoxl. Text); 
passTextBox2. Attributes. Add( "value", passTextBox2. Text); 

} 


protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e) 


| 


} 


DropDownList3. Enabled = true; 
mysql = "SELECT distinct 省 份 FROM Area WHERE 地 区 = "" 
+ DropDownList2. SelectedValue.ToString().Trim() + """; 
myds = mydb. ExecuteQuery(mysql, "Area"); // 执 行 SELECT 语句 
DataRow nrow = myds.Tables["Area"].NewRow(); // 插 入 一 个 空 行 
nrow[ "省 份 "] = ""; 
myds. Tables["Rrea" ].Rows. InsertAt (nrow, 0); 
DropDownList3. DataSource = myds.Tables["Area"]; // 设 置 省 份 下 拉 列 表 的 数据 源 
DropDownList3. DataTextField = "省 份 "; // 设 置 省 份 下 拉 列 表 的 绑 定 字段 
DropDownList3. DataBind( ); // 数 据 绑 定 
DropDownList4. Items. Clear( ); 
DropDownList5. Items. Clear( ); 


protected void DropDownList3_SelectedIndexChanged(object sender, EventArgs e) 


{ 


DropDownList4. Enabled = true; 
mysql = "SELECT distinct 市 FROM Area WHERE 省 份 ="" 
+ DropDownList3. SelectedValue.ToString().Trim() + """; 


myds = mydb. ExecuteQuery(mysql, "Area"); // 执 行 SELECT 语句 
DataRow nrow = myds.Tables["Area"].NewRow(); // 插 入 一 个 空 行 
nrow[ "市 "] = ""; 


myds. Tables[ "Area" ]. Rows. InsertAt (nrow, 0); 

DropDownList4. DataSource = myds.Tables["Area"]; // 设 置 市 下 拉 列 表 的 数据 源 
DropDownList4. DataTextField = "市 "; // 设 置 市 下 拉 列 表 的 绑 定 字段 
DropDownList4.DataBind() ; // 数 据 绑 定 

DropDownList5. Items. Clear( ); 


protected void DropDownList4_SelectedIndexChanged(object sender, EventArgs e) 


上 


DropDownList5. Enabled = true; 
mysql = "SELECT distinct 县 FROM Area WHERE 市 ="" 
+ DropDownList4.SelectedValue.ToString().Trim() + ""™"; 


myds = mydb. ExecuteQuery(mysql, "Area"); // 执 行 SELECT 语句 
DataRow nrow = myds.Tables["Area"].NewRow(); 
nrow[ "县"] = ""; 


myds. Tables[ "Area" ]. Rows. InsertAt (nrow, 0); 

DropDownList5. DataSource = myds.Tables["Area"]; // 设 置 县 下 拉 列 表 的 数据 源 
DropDownList5. DataTextField = "县 "; // 设 置 县 下 拉 列 表 的 绑 定 字段 
DropDownList5. DataBind( ); // 数 据 绑 定 
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protected void Buttonl1 Click(object sender, EventArgs e) 
{ if (Page. IsValid) 
{ 二 :地 
mysql = "SELECT x FROM Customers WHERE 用 户 名 = '" 
+ usernameTextBox. Text.Trim() + """; 
i = mydb.Rownum(mysql); // 执 行 SQL 语句 并 返回 行 数 i 
if (i>0) // 顾 客 用 户 名 重复 
Response. Write("< script > alert(' 对 不 起 ,你 输入 的 用 户 名 " 
+ "已 经 注册 了 !')</script >"); 
else // 合 法 的 用 户 名 
{ mysql = "INSERT INTO Customers( 用 户 名 ,密码 ,姓名 ,年 龄 ,学 历 , ”+ 
"地 区 ,省 份 ,市 ,县 ,住址 ,邮箱 ,电话 ,有 效 否 )" 
"VALUES('" + usernameTextBox.Text.Trim() + "',"™" 
passTextBox1. Text. Trim() + "'," 
xmTextBox. Text. Trim() + "'," 
ageTextBox. Text + "," 
DropDownList1. SelectedValue. ToString(). Trim() 
DropDownList2. SelectedValue. ToString(). Trim() 
DropDownList3. SelectedValue. ToString().Trim() 
DropDownList4. SelectedValue. ToString().Trim() 
DropDownList5. SelectedValue. ToString(). Trim() 
placeTextBox. Text. Trim() + "',"" 
EmailTextBox. Text. Trim() + "',"™" 
TelTextBox. Text. Trim() + "','1')"; 
mydb. ExecuteNonQuery(mysql); 
Response. Redirect(" 一 /dispinfo.aspx?info = 你 可 以 退出 再 以 顾客 身份 " 
+ "登录 后 购物 ,或 者 继续 以 游客 身份 浏览 !"); 


+ + + + 十 


二 十 十 十 十 十 十 十 十 十 十 十 


. 
例如 , 某 游 客 (其 用 户 名 为 wh10) 的 注册 如 图 12. 28 所 示 , 单 击 “ 确 定 ” 按 钮 即 完成 注册 。 


在 线 , 商 品 人 销售 条 统 . 


en | 
| 
eee oe | 
EE 
注册 管理 
a 
用 户 注册 Em 
已 商品 管理 me 
查看 (浏览 ) 商品 EEE 
退出 本 系统 ETE 
ECE 


| 
-| 


欢迎 访问 本 网 站 


图 12.28 Registered 网 页 的 执行 界面 


410 电子 商务 网 站 开发 教程 一 一 基于 C# 十 ASP .NET 


注意 : 对 于 本 网 页 中 的 5 个 下 拉 列 表 , 初 始 时 游客 不 能 单 击 "省份 “市 "和 “县 ”下 拉 列 
表 。 只 有 单 击 “ 地 区 ”下 拉 列 表 并 选中 一 个 非 空地 区 项 后 ,“ 省 份 ” 下 拉 列 表 才 可 用 ,而 “市 ”和 
“县 ”下 拉 列 表 仍 不 可 用 ; 只 有 单 击 “ 省 份 ”下 拉 列 表 并 选中 一 个 非 空 省 份 项 后 ,“ 市 ”下 拉 列 表 
才 可 用 ,而 “县 ”下 拉 列 表 仍 不 可 用 ; 只 有 单 击 “市 ”下 拉 列 表 并 选中 一 个 非 空 市 项 后 ,“ 县 ”下 拉 
列表 才 可 用 。 
12.6.3 “查看 (浏览 ) 商 品 ” 功 能 网 页 设计 


查看 (浏览 ) 商 品 由 QueryProduct 和 QueryProductl 两 个 网 页 实现 。 
1.QueryProduct 网 页 设计 
QueryProduct 网 页 用 于 设置 查找 商品 的 条 件 设置 ,其 设计 界面 如 图 12. 29 所 示 。 


图 12.29 ”QueryProduct 网 页 的 设计 界面 


QueryProduct 网 页 的 设计 原理 与 Registered. aspx 网 页 类 似 。 用 户 在 分 类 下 拉 列 表 选 择 
一 个 项 后 ,在 子 类 下 拉 列 表 列 出 所 有 该 分 类 的 子 类 项 ; 用 户 在 子 类 下 拉 列 表 选 择 一 个 项 后 ,在 
品牌 下 拉 列 表 列 出 所 有 该 子 类 的 品牌 项 。 

最 后 将 用 户 的 输入 和 执行 构成 一 个 条 件 表达 式 condstr, 再 产生 SELECT 语句 mysql, 将 
其 存储 在 Session[ "sql"] 中 ,并 通过 执行 Response. Redirect("QueryProductl. aspx") 请 句 转 
向 QueryProductl 网 页 。 

说 明 : 这 里 没有 处 理 用 户 的 SQL 注入 攻击 ,可 以 采用 第 11 章 介绍 的 方法 解决 SQL 注入 
攻击 问题 。 

本 网 页 对 应 的 C 井 代码 如 下 : 

using System; 

using System. Web. UI; 


using System. Data; 
public partial class QueryProduct : System. Web. UI. Page 


{ CommDB mydb = new CommDB(); // 创 建 CommDB 类 对 象 
DataSet myds = new DataSet(); 
string mysql; //SELECT 语句 
protected void Page_Load(object sender, EventArgs e) 
{ if (!Page. IsPostBack) // 在 网 页 首发 时 执行 


{ mysql = "SELECT distinct 分 类 FROM ProdType"; 
myds = mydb. ExecuteQuery(mysql, "ProdType"); // 执 行 SELECT 语句 
DataRow nrow = myds.Tables["ProdType"].NewRow(); // 插 入 一 个 空 行 
nrow[ "分 类 "] = ""; 
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} 


myds. Tables[ "ProdType" ]. Rows. InsertAt (nrow, 0); 
DropDownList1. DataSource = myds.Tables["ProdType"]; 


// 设 置 分 类 下 拉 列 表 的 数据 源 
DropDownList1. DataTextField = "分 类 "; // 设 置 分 类 下 拉 列 表 的 绑 定 字段 
DropDownList1. DataBind( ); // 数 据 绑 定 


DropDownList2. Enabled = false; 
DropDownList3. Enabled = false; 
} 


protected void Buttonl Click(object sender, EventArgs e) 


. 


} 


string condstr = "有 效 否 =1"; // 只 查找 有 效 的 商品 
// 以 下 构造 查询 表达 式 condstr 
if (bhTextBox. Text != "") 
condstr = "商品 编号 Like '" + bhTextBox. Text.Trim() + "%""; 
if (DropDownList1. SelectedValue. ToString().Trim() != "") 
condstr += "RND 分 类 =" 
+ DropDownList1. SelectedValue.ToString().Trim() + ""™"; 
if (DropDownList2. SelectedValue. ToString().Trim() != "") 
condstr += " AND 子 类 =" 
+ DropDownList2. SelectedValue.ToString().Trim() + """; 
if (DropDownList3. SelectedValue. ToString().Trim() != "") 
condstr += "RND 品牌 ="" 
+ DropDownList3.SelectedValue.ToString().Trim() + "'"" 7 
float pl = 0, p2 = 0; 
if (priceTextBoxl. Text. Trim() != "") 
pl = float.Parse(priceTextBoxl. Text. Trim()); 
if (priceTextBox2. Text. Trim() != "") 
p2 = float.Parse(priceTextBox2. Text. Trim()); 
if (pl = 0.0) 
{ 证 (pl<= p2) 
condstr += "RND 单价 >=" + pl.ToString().Trim() 
+ "RND 单价 <=" + p2.ToString().Trim(); 
else 
{ ”Labell.Text = "错误 提示 : 单价 段 输入 错误 ."; 


return; 


} 
} 
mysql = "SELECT x FROM Products WHERE "+ condstr + "ORDER BY 商品 编号 "; 
Session["sql"] = mysql; // 用 会 话 保存 SELECT 语句 
Response. Redirect("OueryProduct1.aspx" ); // 转 向 QueryProduct1 网 页 


protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) 


} 


DropDownList2. Enabled = true; 
mysql = "SELECT distinct 子 类 FROM ProdType WHERE 分 类 ="" 

+ DropDownList1. SelectedValue. ToString().Trim() + "7 
myds = mydb.ExecuteQuery(mysql, "ProdType"); // 执 行 SELECT 语句 
DataRow nrow = myds.Tables["ProdType"].NewRow(); // 插 入 一 个 空 行 
nrow[" 子 类 "] = ""; 
myds. Tables[ "ProdType" ]. Rows. InsertAt (nrow, 0); 
DropDownList2. DataSource = myds.Tables["ProdType"]; 

// 设 置 子 类 下 拉 列 表 的 数据 源 

DropDownList2. DataTextField = " 子 类 "; // 设 置 子 类 下 拉 列 表 的 绑 定 字段 
DropDownList2. DataBind( ); // 数 据 绑 定 
DropDownList3. Items. Clear(); 


protected void DropDownList2 SelectedIndexChanged(object sender, EventArgs e) 
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{ DropDownList3. Enabled = true; 
mysql = "SELECT distinct 品牌 FROM ProdType WHERE 子 类 =" 
+ DropDownList2.SelectedValue. ToString().Trim() + ""™"; 


myds = mydb.ExecuteQuery(mysql, "ProdType"); // 执 行 SELECT 语句 
DataRow nrow = myds.Tables["ProdType" ]. NewRow(); // 插 入 一 个 空 行 
nrow[ "品牌 "] = ""; 


myds. Tables[ "ProdType" ]. Rows. InsertAt (nrow, 0); 
DropDownList3. DataSource = myds.Tables["ProdType" ]; 


// 设 置 品牌 下 拉 列 表 的 数据 源 
DropDownList3. DataTextField = "品牌 "; // 设 置 品 牌 下 拉 列 表 的 绑 定 字 段 
DropDownList3. DataBind( ); // 数 据 绑 定 


， 


2. QueryProductl 网 页 设计 


QueryProductl 网 页 用 于 显示 满足 条 件 的 商品 信息 ,包含 WHERE 条 件 的 SELECT 语句 
保存 在 当前 会 话 Session["sql"] 中 。QueryProductl 网 页 的 设计 界面 如 图 12. 30 所 示 。 


图 12.30 QueryProductl 网 页 的 设计 界面 


其 中 主要 包含 一 个 GridViewl 控件 和 一 个 Buttonl 控件 。GridViewl 控件 的 源 视 图 代码 
如 下 : 


<asp:GridView ID = "GridViewl" runat = "server" AllowPaging = "True" 
RutoGenerateColumns = "False" BackColor = "LightGoldenrodYellow" 
BorderColor = "Tan" BorderWidth= "lpx" CellPadding = "2" 
Font ~ Bold = "True" Font ~ Size= "10pt" ForeColor = "Black" GridLines = "None" 
Width = "680px" OnPageIndexChanging = "GridViewl_ PageIndexChanging" PageSize= "5" > 
< FooterStyle BackColor = "Tan" /> 
< Columns > 
<asp:BoundField DataField= "商品 编号 ”HeaderText = "商品 编号 "> 
< HeaderStyle Font - Bold = "True" Font - Size= "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:BoundField> 
<asp:BoundField DataField = "分 类 " HeaderText = "分 类 "> 
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< HeaderStyle Font ~ Bold = "True" Font - Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:BoundField> 
<asp:BoundField DataField= " 子 类 "HeaderText = " 子 类 "> 
< HeaderStyle Font ~ Bold = "True" Font - Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:BoundField> 
<asp:BoundField DataField= "品牌 ”HeaderText = "品牌 " > 
< HeaderStyle Font — Bold = "True" Font — Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:BoundField> 
<asp:BoundField DataField = "型 号 " HeaderText = "型 号 " > 
< HeaderStyle Font ~ Bold = "True" Font - Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:BoundField> 
<asp:BoundField DataField = "单价 " HeaderText = "单价 " > 
< HeaderStyle Font ~ Bold = "True" Font - Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:BoundField> 
<asp:TemplateField HeaderText = "图 片 "> 
< EditItemTemplate > 
<asp: TextBox ID = "TextBoxl”runat = " server"></asp:TextBox> 
</EditItemTemplate > 
< ItemTemplate> 
< asp: Image ID = " Imagel”runat = " server”Height = "50px”Width = "50px" 
ImageUrl = '<% # DataBinder. Eval(Container. DatalItem, 
"图 片 ").ToString().Trim() %$>'/> 
</ ItemTemplate> 
< HeaderStyle Font - Bold = "True"” Font - Names = "隶书 " Font - Size = "18px" 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:TemplateField> 
</Columns > 
< SelectedRowStyle BackColor = "DarkSlateBlue" ForeColor = "GhostWhite" /> 
< PagerStyle BackColor = "PaleGoldenrod" ForeColor = "DarkSlateBlue" 
HorizontalAlign = "Center" /> 
< HeaderStyle BackColor = "Tan" Font ~ Bold = "True" /> 
< AlternatingRowStyle BackColor = "PaleGoldenrod" /> 
</asp:GridView> 


从 上 述 代 码 中 可 以 看 出 GridViewl 控件 的 设计 思路 。 设 计 难 点 是 图 片 字段 ,GridView1 
控件 对 应 的 数据 源 中 图 片 字段 存放 的 是 图 像 文 件 , 这 里 需要 显示 该 图 像 , 所 以 将 图 片 字段 转换 
为 TemplateField, 进 入 编辑 模板 对 话 框 ,删除 ItemTemplate 中 原来 内 容 , 添 加 一 个 Image 控 
件 Imagel, 其 属性 设置 如 图 12. 31 所 示 。 

本 网 页 对 应 的 C# 代 码 如 下 : 

using System; 


using System. Data; 
public partial class QueryProductl1 : System. Web. UI.Page 
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{ string mysql; //sQL 表达 式 
CommDB mydb = new CommDB() // 创 建 CommDB 类 对 象 
DataSet myds = new DataSet(); // 创 建 DataSet 对 象 


protected void Page Load(object sender, EventArgs e) 
{ if (!Page.IsPostBack) 
{ 
bind(); // 在 网 页 首发 时 执行 
} 
public void bind() 
{ ”// 自 定义 方法 


mysql = Session["sql"].ToString(); // 获 取 用 会 话 保存 的 SELECT 语句 


myds = mydb. ExecuteQuery(mysql, "Products"); 
GridView1.DataSource = myds.Tables["Products"]; 
GridViewl.DataKeyNames = new string[ ] { "商品 编号 ”}; 


GridViewl. DataBind( ); // 在 GridViewl 控件 中 显示 满足 查询 条 件 的 记录 


} 
protected void Button1_Click(object sender, EventArgs e) 
人 

Response. Redirect(" 一 /dispinfo.aspx?info = 欢迎 使 用 本 系统 !"); 
} 
protected void GridViewl PageIndexChanging(object sender, 

System. Web. UI. WebControls. GridViewPageEventArgs e) 

{  // 分 页 

GridView1.PageIndex = e.NewPageIndex; 


bind(); // 在 分 页 时 调用 自 定义 方法 


乡 定 到 (B): 
格式 (O): 
TS): 


图 自 定义 绑 定 (C): 
代码 表达 式 (E): 
DataBinder Eval(Container. Dataltem," 图 片 ")ToString0.Trim0 


Cm LC ww |] 


图 12.31 编辑 图 片 字段 的 模板 


例如 , 某 游 客 进 入 本 网 站 后 ,在 查找 商品 中 选择 “电脑 办 公 ” 分 类 下 的 “笔记 本 ” 子 类 ,如 
图 12. 32 所 示 。 单 击 “ 确 定 ” 按 钮 ,出 现 如 图 12. 33 所 示 的 商品 显示 界面 。 此 时 ,游客 只 能 查 


看 ,不 能 进行 其 他 操作 。 
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日 注册 管理 


已 商品 惫 理 
查看 (浏览) 商品 


退出 本 系统 


欢迎 访问 本 网 站 
©@CopyRight By ABC 


图 12.33 QueryProductl 网 页 的 执行 界面 


12.7 顾客 功能 网 页 设计 


知识 梳理 


顾客 功能 网 页 设计 顾客 功能 网 页 设计 方法 


12.7.1 顾客 功能 主页 设计 


当 顾 客 进入 网 站 后 ,首先 显示 顾客 功能 主页 customermenu. aspx, 其 设计 界面 如 图 12. 34 
所 示 。 它 是 基于 母 版 页 MasterPage. master 的 。 该 网 页 位 于 网 站 根 目 录 下 , 它 所 调用 的 所 有 
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网 页 都 放置 在 子 Customer 目录 中 。 


ContentPlaceHoldet 


[Label1] I 


日 购物 管理 
二 pre 村 hup:jlocalhost53379jdispinfo .aspx?info= 歼 迎 使 用 本 系统 
购物 车 结算 

日 我 的 订单 管理 
查看 我 的 订单 
哲 销 尚未 处 理 的 订单 
订单 商品 评价 

日 我 的 信息 管理 
更 改 我 的 信息 
更 改 我 的 密码 


退出 本 系统 


图 12.34 顾客 主页 customermenu. 的 设计 界面 


customermenu. aspx 网 页 设计 与 游客 功能 主页 touristmenu. aspx 相似 ,只 是 TreeView1l 
控件 是 节点 和 节点 的 链接 网 页 不 同 而 已 。TreeViewl 控件 的 源 视图 代码 如 下 : 


<asp:TreeView ID = "TreeView1”runat = "server" style = "text ~ align:center; 
font - family: 仿 宋 ;font - weight:bold;font - size: 16px"> 
<Nodes > 
<asp:TreeNode Text = "购物 管理 "Value = "购物 管理 " 
NavigateUrl = "dispinfo.aspx?info = 欢迎 使 用 本 系统 " Target = "Iframel"> 
<asp:TreeNode Text = " 选 购 商 品 放 入 购物 车 ”Value = " 选 购 商品 放 和 人 购物 车 " 
NavigateUrl = "一 /Customer/ShoppingCart.aspx"” Target = "Iframel" /> 
<asp:TreeNode Text = "编辑 我 的 购物 车 " Value = "编辑 我 的 购物 车 " 
NavigateUrl = "一 /Customer/editShoppingCart.aspx" Target = "Iframel" /> 
<asp:TreeNode Text = "购物 车 结算 ”Value = "购物 车 结算 " 
NavigateUrl = "一 /Customer/buyproduct.aspx"” Target = "Iframel" /> 
</asp:TreeNode> 
< asp:TreeNode Text = "我 的 订单 管理 " Value = "我 的 订单 管理 " 
NavigateUrl = "dispinfo. aspx?info = 欢迎 使 用 本 系统 " Target = "Iframel"> 
<asp:TreeNode Text = "查看 我 的 订单 " Value = "查看 我 的 订单 " 
NavigateUrl = "一 /Customer/dispmyod. aspx" Target = "Iframel"></asp:TreeNode > 
<asp:TreeNode Text = "撤销 尚未 处 理 的 订单 ”value = "撤销 尚未 处 理 的 订单 " 
NavigateUrl = "一 /Customer/backrollod.aspx"” Target = "Iframel"/ > 
<asp:TreeNode Text = "订单 商品 评价 " Value = "订单 商品 评价 " 
NavigateUrl = "一 /Customer/productevaluation.aspx" Target = "Iframel" /> 
</asp:TreeNode> 
<asp:TreeNode Text = "我 的 信息 管理 ”Value = "我 的 信息 管理 " 
NavigateUrl = "dispinfo. aspx?info = 欢迎 使 用 本 系统 " Target = "Iframel"> 
<asp:TreeNode Text = "更 改 我 的 信息 ”Value = "更 改 我 的 信息 " 
NavigateUrl = "~ /Customer/updatecustomerinfo.aspx" Target = "Iframel" /> 
<asp:TreeNode Text = "更 改 我 的 密码 ”Value = "更 改 我 的 密码 " 
NavigateUrl = "~ /Customer/updatecustomerpass. aspx" Target = "Iframel" /> 
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</asp:TreeNode > 
</Nodes > 
</asp:TreeView> 


本 网 页 对 应 的 C# 代 码 如 下 : 


using System; 
public partial class customermenu : System. Web. UI. Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
Labell. Text = "顾客 端 一 欢迎 你 :"” + Session["uname" ] ; 
} 
} 


例如 ,前 面 注册 的 wh10 顾客 进入 本 网 站 后 的 执行 界面 如 图 12. 35 所 示 。 用 户 可 以 单 击 
TreeViewl 控件 的 节点 执行 相应 的 功能 。 


SIN my 在 线 商 品 销售 条 统 , 


> 


颈 迎 使 用 古 系 统 


日 购 


物 管理 
进 购 商品 放 入 购物 车 
编辑 我 的 购物 车 
日 我 的 订单 曾 理 
查 : 


我 的 订单 
数 销 尚未 处 理 的 订单 


更 改 我 的 密码 
退出 本 系统 


欢迎 访问 本 网 站 


ecopyrionmrsy 2sc IE 
12.35 顾客 主页 customermenu 的 执行 界面 


12.7.2 “ 选 购 商品 放 入 购物 车 ”功能 网 页 设计 

该 功能 由 ShoppingCart 和 ShoppingCartl 两 个 网 页 实现 。 设 计 原 理 与 12. 6. 3 小 节 介 绍 
的 功能 网 页 设计 相似 。 

1. ShoppingCart 网 页 

ShoppingCart 网 页 用 于 设置 查找 要 购买 商品 的 条 件 , 其 设计 界面 如 图 12. 36 所 示 。 除 了 
表格 中 第 1 行 的 HTML 文字 不 同 外 ,其 他 与 ShoppingCart 网 页 相同 。 它 将 用 户 的 输入 和 执 
行 构成 一 个 条 件 表达 式 condstr, 再 产生 SELECT 语句 mysql, 将 其 存储 在 Session[ "sql"] 中 ， 
并 通过 执行 Response. Redirect("ShoppingCartl. aspx") 语 句 转 向 ShoppingCartl 网 页 。 
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图 12.36 ”ShoppingCart 网 页 的 设计 界面 


2. ShoppingCartl 网 页 


ShoppingCartl 网 页 用 于 显示 满足 条 件 的 商品 信息 ,并 提供 用 户 选 购 商 品 和 查看 商品 评 
价 的 功能 ,其 设计 界面 如 图 12. 37 所 示 。 


孝 据 针 定 ” 孝 据 时 定 数据 入 定 数据 包 定 才 据 久 定 数据 针 定 四 才 据 儿 定 “数据 针 定 三 乒 [天 看 评价 | 


数据 饰 定 。 数据 刻 定 数据 轩 定 教 据 铸 定 数据 轩 定 孝 据 名 定 加 数据 刻 定 ”数据 饰 定 三 [5 ”查看 评价 | 


数据 绪 定 ”数据 绑 定 数据 铸 定 数据 铸 定 数据 绑 定 数据 绑 定 到 数据 勿 定 ”数据 乡 定 rc hn 


数据 绑 定 ”数据 铸 定 数据 铸 定 数据 铸 定 数据 所 定 as 数据 绑 定 ”数据 万 定 。“ 厂 。 [ 查看 评价 | 


数据 做 定 ”数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 天 数据 绑 定 ”数据 绑 定 rc | Ces 


确 定 返回 


图 12.37 ShoppingCartl 网 页 的 设计 界面 


其 中 主要 包含 一 个 GridViewl 控件 和 两 个 命令 按钮 (Buttonl 和 Button2)。GridViewl 
控件 的 源 视图 代码 如 下 : 


<asp:GridView ID= "GridViewl" runat = "server" AutoGenerateColumns = "False" 
BackColor = "LightGoldenrodYellow" BorderColor = "Tan" BorderWidth = "lpx" 
CellPadding = "2" Font - Bold= "True" Font ~ Size= "10pt" 
ForeColor = "Black" GridLines = "None" Width = "795px" 
DataKeyNames = "图 片 " OnRowEditing = "GridView1_RowEditing"> 
< FooterStyle BackColor = "Tan" /> 
< Columns > 
<asp:BoundField DataField= "商品 编号 ”HeaderText = "商品 编号 "> 
< HeaderStyle Font - Bold = "True" Font — Size = "18px"” Font - Names = "隶书 " 
ForeColor = "Blue" /> 
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< ItemStyle HorizontalAlign = "Center" /> 
</asp:BoundField> 
<asp:BoundField DataField = "分 类 "HeaderText = "分 类 "> 
< HeaderStyle Font - Bold = "True" Font - Size = "18px"” Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:BoundField> 
<asp:BoundField DataField = " 子 类 " HeaderText = " 子 类 "> 
< HeaderStyle Font - Bold = "True" Font - Size= "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:BoundField> 
<asp:BoundField DataField= "品牌 " HeaderText = "品牌 "> 
< HeaderStyle Font — Bold = "True" Font - Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:BoundField> 
<asp:BoundField DataField= "型 号 ”HeaderText = "型 号 " > 
< HeaderStyle Font - Bold = "True" Font - Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalRlign = "Center" /> 
</asp:BoundField> 
<asp:BoundField DataField= "单价 ”HeaderText = "单价 " > 
< HeaderStyle Font ~ Bold = "True" Font - Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:BoundField> 
<asp:TemplateField HeaderText = "图 片 "> 
< ItemTemplate > 
<asp:Image ID= "Imagel" runat = "server" Height = "50px" Width = "50px" 
ImageUrl = '<% # DataBinder. Eval(Container. DataItem, "图片 ") . 
ToString().Trim() %>'/> 
</ItemTemplate> 
< HeaderStyle Font - Bold = "True" Font - Names = "隶书 " Font - Size = "18px" 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:TemplateField> 
<asp:BoundField DataField = " 星 数 " HeaderText = " 星 数 " > 
< HeaderStyle Font - Bold = "True" Font - Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:BoundField> 
<asp:BoundField DataField= "库存 数量 " HeaderText = "库存 数量 " > 
< HeaderStyle Font ~ Bold = "True" Font - Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:BoundField> 
<asp:TemplateField HeaderText = " 放 人 否 " ShowHeader = "False"> 
< HeaderStyle Font - Bold = "True" Font — Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign= "Center" /> 
<ItemTemplate> 
<asp:CheckBox ID = "CheckBox1" runat = "server" /> 
</ItemTemplate> 
</asp:TemplateField> 
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<asp:TemplateField HeaderText = "数量 "> 
< HeaderStyle Font ~ Bold = "True" Font - Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
< ItemTemplate > 
<asp:TextBox ID = "TextBox1" runat = "server" Height = "16px" 
Width = "24px"> 0 </asp: TextBox > 
</ItemTemplate > 
</asp:TemplateField> 
<asp: CommandField ButtonType = "Button”EditText = "查看 评价 " 
ShowEditButton = "True" > 
< ControlStyle Font - Bold = "True" ForeColor = "Red" /> 
</asp:CommandField> 
</Columns > 
< SelectedRowStyle BackColor = "DarkSlateBlue" ForeColor = "GhostWhite" /> 
< PagerStyle BackColor = "PaleGoldenrod" ForeColor = "DarkSlateBlue" 
HorizontalAlign = "Center" /> 
< HeaderStyle BackColor = "Tan" Font — Bold= "True" /> 
<AlternatingRowStyle BackColor = "PaleGoldenrod" /> 
</asp:GridView> 


GridViewl 控件 关联 Products 商品 表 , 其 中 * 放 和 人 和 否 " 和 "数量 ”并 没有 绑 定 的 表 字 段 , 它 
们 都 是 TemplateField 字段 ,“ 放 入 否 " 字 段 的 ItemTemplate 模板 中 放置 一 个 复 选 框 CheckBoxl ， 
“数量 ”字段 的 ItemTemplate 模板 中 放置 一 个 文本 框 TextBox1。“ 查 看 评价 ”为 CommandField 
字段 ,只 有 ShowEditButton 属性 为 True, 在 用 户 单 击 时 引发 执行 GridView1_RowEditing 事 


件 处 理 方法 。 
本 网 页 对 应 的 C# 代 码 如 下 : 


using System; 

using System. Web. UI; 

using System. Web. UI. WebControls; 

using System. Data; 

public partial class ShoppingCart1l : System. Web. UI. Page 


{ string mysql; //SQL 表达 式 
CommDB mydb = new CommDB(); // 创 建 CommDB 类 对 象 
DataSet myds = new DataSet(); // 创 建 DataSet 对 象 


protected void Page_Load(object sender, EventArgs e) 
{ if (!Page. IsPostBack) 
{ bind(); // 在 网 页 首发 时 执行 
if (GridView1.Rows.Count == 0) 
{ ”Labell.Text = "没有 任何 满足 条 件 的 商品 信息 !"; 
Buttonl. Visible = false; 


else 
Button2.Visible = false; 
} 
} 
public void bind() 
和 // 自 定义 方法 
mysql = Session["sql"].ToString(); // 获 取 用 会 话 保 存 的 SELECT 语句 


myds = mydb. ExecuteQuery(mysql, "Products"); 
GridView1.DataSource = myds.Tables["Products"]; 
GridView1. DataKeyNames = new string[ ] { "商品 编号 ”}; 


GridView!l. DataBind( ); // 在 GridViewl 控件 中 显示 满足 查询 条 件 的 记录 
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} 
protected void Buttonl1 Click(object sender, EventArgs e) 


{ if (checkerror()) // 顾 客 输入 出 现 错误 
{ ”Labell.Text = "错误 提示 : 你 选择 的 商品 数量 不 正确 ,重新 输入 "; 
return; 
} 
savedata( ) ; // 保 存 到 购物 车 中 
Response. Redirect(" 一 /dispinfo.aspx?info = 你 选择 的 商品 已 保存 到 购物 车 中 !"); 
protected bool checkerror() // 检 查 数量 输入 错误 的 情况 ,出 错 返回 true 
{ CheckBox xzBox; // 复 选 框 对象 
TextBox slBox; // 文 本 框 对 象 
int i, sl,kcsl; 
for (i = 0; i< GridView1.Rows.Count; i++) 
{ xzBox = GridView1.Rows[i].FindControl("CheckBoxl") as CheckBox; 
// 在 该 行 中 找 CheckBoxl 控件 
slBox = GridViewl.Rows[i].FindControl("TextBox1") as TextBox; 
// 在 该 行 中 找 TextBoxl 控件 
if (xzBox.Checked) 
{ sl = int.Parse(slBox. Text.Trim()); // 提 取 该 行 输入 的 数量 
kcsl = int. Parse(GridViewl. Rows[i].Cells[8]. Text. Trim()); 
// 提 取 该 行商 品 的 库存 数量 
if (sl <= 0) // 如 果 勾 选 了 复 选 框 ,而 文本 框 输入 0 时 出 错 
return true; 
if (sl > kcsl) // 购 买 数量 大 于 库存 数量 
return true; 
于 
} 
return false; 
} 
protected void savedata( ) // 自 定义 过 程 ,保存 到 购物 车 中 
{ string spno; // 商 品 编号 
CheckBox xzBox; // 复 选 框 对 象 
TextBox slBox; // 文 本 框 对 象 
Image imgBox; // 图 片 框 对 象 
int i; 
for (i = 0; i< GridView1.Rows.Count; i++) // 扫 描 GridViewl 中 所 有 行 


{ xzBox = GridViewl.Rows[i].FindControl("CheckBoxl") as CheckBox; 
slBox = GridViewl.Rows[i].FindControl("TextBoxl") as TextBox; 


if (xzBox. Checked) // 若 选择 了 该 行 的 商品 
{ spno = GridViewl.Rows[i].Cells[0].Text.Trim(); 
// 提 取 该 行 的 商品 编号 
imgBox = GridViewl.Rows[i].FindControl("Imagel") as Image; 
if (inCart(spno)) // 所 选择 的 商品 是 在 购物 车 中 


{ ”mysql = "UPDATE ShoppingCart SET 数量 = 数量 +" 
+ slBox.Text.Trim() 
+ "WHERE 用 户 名 = '" + Session["uname"] 
+ "'AND 商品 编号 ='" + spno + ""; 

} 


else 
{ string fl = GridViewl.Rows[i].Cells[1].Text.Trim(); 
// 提 取 该 行 的 商品 分 类 
string f2 = GridViewl].Rows[i].Cells[2].Text. Trim(); 
// 提 取 该 行 的 商品 子 类 


string f3 = GridViewl.Rows[i].Cells[3].Text. Trim(); 
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// 提 取 该 行 的 商品 品 
string f4 = GridViewl.Rows[i].Cells[4].Text.Trim(); 
// 提 取 该 行 的 商品 型 号 
string f5 = GridViewl].Rows[i].Cells[5].Text. Trim(); 
// 提 取 该 行 的 商品 单价 
string f6 = imgBox. ImageUr1l; // 提 取 该 行 的 商品 图 片 
string f7 = slBox.Text. Trim(); // 提 取 该 行 的 数量 


mysql = "INSERT INTO ShoppingCart( 用 户 名 ,商品 编号 ,分 类 ," 
+ " 子 类 ,品牌 ,型 号 ,单价 ,图 片 ,数量 ) VALUES("" 


+ Session["uname"] + "',"" 
入 
四 全 
和 

} 

mydb. ExecuteNonQuery(mysql); // 执 行 SQL 语句 


mysql = "UPDATE ShoppingCart SET 金额 = 数量 * 单价 " 
+ "WHERE 用 户 名 = '" + Session["uname"] 


+ "'AND 商品 编号 ='" + spno + ""; 
mydb. ExecuteNonQuery(mysql); // 执 行 SQL 语句 
} 
} 
} 
protected bool inCart( string spno) // 判 断 所 选择 的 商品 是 否 在 购物 车 中 
{ int i; 
mysql = "SELECT x FROM ShoppingCart WHERE 用 户 名 = "" 
+ Session["uname"] + "'RND 商品 编号 ='" + spno + ""; 
i = mydb. Rownum(mysql); 
if (i>0) 
return true; 
else 
return false; 
} 


protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e) 
{ e.Cancel = true; 
string spbh = GridView1.DataKeys[e.NewEditIndex][0].ToString().Trim(); 
Response. Redirect("dispcomment.aspx?spbh=" + spbh); 
t 
protected void Button2_Click(object sender, EventArgs e) 
{ 
Response. Redirect(" 一 /dispinfo.aspx?info = 欢迎 使 用 本 系统 !"); 
} 
} 
当 用 户 执 行 ShoppingCartl 网 页 并 单 击 “ 确 定 ” 按 钮 返回 时 ,需要 对 用 户 操 作 进 行 如 下 
处 理 : 
。 若 选中 某 个 商品 记录 ,而 购买 数量 为 0, 这 是 不 允许 的 ,通过 自 定义 方法 checkerror 来 
检查 。 
。 若 用 户 的 购物 车 中 已 经 存在 本 次 又 购买 的 商品 , 则 需要 将 购物 车 中 该 商品 数量 增加 ， 
这 是 通过 自 定 义 方法 inCart 实现 的 。 
。 如 果 用 户 操作 正确 ,将 本 次 购物 存储 到 购物 车 中 ,这 是 通过 自 定 义 方 法 savedata 实现 的 。 
例如 ,wh10 顾客 的 一 次 购物 操作 如 图 12. 38 所 示 , 单 击 “ 确 定 ” 按 钮 后 ,将 购物 信息 存放 到 
购物 车 中 ,购物 车 中 对 应 的 数据 如 图 12. 39 所 示 。 


第 12 章 电子 商务 网 站 开发 实例 423 


12.73 


电脑 办 公 笔记 本 。 总 尔 XPSI3R-9343-2508 mm 四 4 


电脑 办 公 笔记 本 ThinkPsd X250-20CLA06-BCD 569 BE- o 


图 12.38 ShoppingCartl 网 页 的 执行 界面 


用 户 各 “商品 编号 分 类 子 类 品牌 型 8 单价 ” 数 里 ”金富 
让 Whl0 2112 电脑 办 公 笔记本” 戴尔 XPS13R-9343-1708 ~//Picturef/2112. jpg 6500 1 8500 


2 whl0 2122 电脑 办 公 笔记 本 ThinkPad E450-20DCADI-HCD “~//Picture//2122.jpe 4159 2 8318 


图 12.39 wh10 顾客 对 应 的 购物 车 数据 


“编辑 我 的 购物 车 ”功能 网 页 设计 


编辑 我 的 购物 车 网 页 为 editShoppingCart, 这 里 顾客 只 能 更 新 所 购 商 品 的 数量 ,如 果 放弃 
某 个 商品 ,可 以 将 对 应 的 数量 设置 为 0。 

editShoppingCart 网 页 的 设计 界面 如 图 12. 40 所 示 , 其 中 GridViewl 控件 和 相关 事件 处 
理 方法 设计 思路 与 ShoppingCartl 网 页 相似 。 


图 12.40 editShoppingCart 网 页 的 设计 界面 


在 顾客 更 新 购物 车 并 单 击 “ 保 存 购 物 车 ”按钮 Buttonl 后 ,Buttonl_Click 事件 处 理 方 法 执 
行 过 程 是 : 先 从 购物 车 表 ShoppingCart 中 删除 该 顾客 (Session["uname"]) 的 所 有 信息 ; 然后 
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循环 处 理 GridViewl 控件 中 的 每 一 行 ,如 果 该 行商 品 的 购物 数量 大 于 0, 则 将 该 行 信息 重 新 插 
入 到 ShoppingCart 表 中 。 

例如 ,wh10 顾客 进入 编辑 我 的 购物 车 ,将 2122 编号 的 商品 购买 数量 修改 为 1 ,如 图 12. 41 
所 示 , 单 击 “ 保 存 购物 车 ”按钮 。 


2112 电脑 办 公 笔记 本 戴尔 XPSI3R-9343-1708 css00 路 [ss00 


2122 aanA sa ma zemmouam um 国 一 


图 12.41 editShoppingCart 网 页 的 执行 界面 


12.7.4 “购物 车 结算 ”功能 网 页 设计 


购物 车 结算 功能 由 buyproduct 和 Orderform 两 个 网 页 来 完成 。 

说 明 ; 顾客 购物 车 中 保存 顾客 临时 购物 信息 ,只 要 不 结算 ,该 信息 总 是 有 效 。 顾 客 可 以 多 次 
购物 操作 ,但 购物 车 只 要 一 个 ,一 旦 结算 ,购物 车 信息 会 转 入 到 OrderForm 订单 表 中 ,并 将 购物 车 
清空 ,一 次 结算 产生 一 个 订单 号 ,订单 号 是 系统 根据 OrderForm 表 中 的 订单 数量 自动 生成 的 。 

1.， buyproduct 网 页 设计 

buyproduct 网 页 的 设计 界面 如 图 12. 42 所 示 ,GridViewl 控件 中 显示 当前 顾客 在 购物 车 中 
存放 的 所 有 商品 信息 ,顾客 只 能 查看 ,不 能 编辑 。 其 设计 与 ShoppingCartl 网 页 中 的 GridViewl 
控件 相似 。 


Orderformaspx  X ~ 


图 12.42 buyproduct 网 页 的 设计 界面 
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本 网 页 中 “确定 结算 ”按钮 Buttonl 对 应 的 事件 处 理 方法 如 下 : 


protected void Buttonl Click(object sender, EventArgs e) 


Li 


int i; 
//(1) 在 Products 表 中 更 新 各 商品 的 库存 数量 
for (i = 0; i< GridView1.Rows.Count; i++) 


{ string spno = GridViewl.Rows[i].Cells[0].Text.Trim(); // 提 取 该 行 的 商品 编号 
string gwsl = GridView1.Rows[i].Cells[7].Text.Trim(); 
// 提 取 该 行 的 商品 购物 数量 


Labell. Text = "数量 :" + gwsl; 
mysql = "UPDATE Products SET 库存 数量 = 库存 数量 - ”+ gwsl 
+ "WHERE 商品 编号 ='" + spno + ""; 
mydb. ExecuteNonQuery(mysql); // 执 行 SQL 语句 


} 
//(2) 通 过 Sales 表 求 本 订单 的 订单 号 
mysql = "SELECT COUNT( * ) FROM " 
+ "(SELECT distinct 订单 号 FROM Sales) tmp"; 
string dds = mydb. ExecuteAggregateQuery(mysql); // 求 订单 数 
string ndds = (int.Parse(dds) + 1).ToString(); // 新 订单 编号 
Session["ndds"] = ndds; 
//(3) 将 订单 的 顾客 信息 插入 到 OrderFornm 表 中 
string name, dq, sf,cs, xm, dz, yx, th; 
mysql = "SELECT 姓名 ,地 区 ,省 份 ,市 ,县 ,住址 ,邮箱 ,电话 FROM Customers" + 
”WHERE 用 户 名 = '” + Session["uname"] + ""; 
myds = mydb.ExecuteQuery(mysql, "Customers"); 
DataRow mydr = myds.Tables["Customers"].Rows[0]; 
// 获 取 查 询 结 果 集 的 第 1 行 (查询 结果 集 只 有 1 行 ) 


name = mydr[" 姓 名 "].ToString().Trim(); 

dq = mydr[" 地 区 "].ToString().Trim(); 

sf = mydr[" 省 份 "]. ToString().Trim(); 

cs = mydr[" 市 "].ToString().Trim(); 

xm = mydr[" 县 "].ToString(). Trim(); 

dz = mydr[ "住址"]. Tostring().Trim(); 

yx = mydr[ "邮箱 "].Tostring().Trim(); 

th = mydr[" 电 话 "].ToString().Trinm(); 

Session["name"] = name; // 收 件 人 姓名 
Session["sjrdz"] = sf + cs + xm + dz; // 收 件 人 地 址 
Session["th"] = th; // 收 件 人 电话 


mysql = "INSERT INTO OrderForm( 订 单 号 ,日 期 ,用 户 名 ,姓名 ,地 区 ," 
+ "省 份 ,市 ,县 ,住址 ,邮箱 ,电话 ,总 数量 , 总 金额 ,处 理 否 ,结算 否 ) VALUES(" 
+ ndds + ",'" + DateTime.Now + "','" + Session["uname"] + "'," 
和 
二 
+ Session["zsl"] + "," + Session["zjr"] + ",0,0)"; 
Labell. Text = mysql; 
mydb. ExecuteNonQuery( mysql); // 执 行 SQL 语句 更 新 数据 库 
//(4) 将 购物 车 全 部 信息 作为 订单 移 到 Sales 表 中 
mysql = "INSERT INTO Sales (订单 号 ,日 期 ,用 户 名 ," 
"商品 编号 ,分 类 , 子 类 ,品牌 ,型 号 ,单价 ,数量 ,金额 ) " 
"SELECT " 
ndds + ","™" 
DateTime. Now + "'," 
"sc. 用 户 名 , sc. 商品 编号 , sc. 分类, sc. 子 类 ," 
"sc. 品牌 , sc. 型 号 , sc. 单价 , sc. 数量 , sc. 金 额 " 
"FROM ShoppingCart sc " 
+ "WHERE 用 户 名 = '" + Session["uname"] + ""; 
mydb. ExecuteNonQuery(mysql1); // 执 行 SQL 语句 更 新 数据 库 
mysql = "DELETE ShoppingCart" // 删 除 原来 的 购物 车 记录 


二 


二 十 十 十 十 十 
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+ "WHERE 用 户 名 = '" + Session["uname"] + """; 
mydb. ExecuteNonQuery(mysql1); // 执 行 SQL 语句 更 新 数据 库 
Response. Redirect( "Orderform. aspx" ); // 转 向 Orderform 网 页 
} 


2. Orderform 网 页 设计 


Orderform 网 页 十 分 简单 ,设计 界面 如 图 12. 43 所 示 , 包 含 一 个 多 行文 本 框 TextBoxl 和 
一 个 Button1, 通 过 如 下 Page_Load 事件 处 理 方法 显示 顾客 订单 信息 : 


protected void Page_Load(object sender, EventArgs e) 

{ stringndds = Session["ndds"].ToString().Trim(); 
string zsl = Session["zsl"].ToString().Trim(); 
string zjr = Session["zjr"].ToString().Trim(); 


string name = Session["name"].ToString().Trim(); // 收 件 人 姓名 
string sjrdz = Session["sjrdz"].ToString().Trim(); // 收 件 人 地 址 
string th = Session["th"].ToString().Trim(); // 收 件 人 电话 


TextBox1. Text = "订单 信息 \r\n" 

"订单 编号 : " + ndds +"\r\n" 

"购买 商品 : 一 共 购 买 ”+ zsl +" 件 商品 ,总 金额 为 ”+ zjr + "元 \r\n" 
" 收 件 人 :" + name + "\r\n" 

" 送 货 地 址 : ”+ sjrdz + "\r\n" 

"你 的 电话 : "+ th; 


+ +++ 二 


图 12.43 OrderForm 网 页 的 设计 界面 


例如 ,wh10 顾客 进入 购物 车 结算 ,如 图 12. 44 所 示 , 单 击 “ 确 定 结算 ”按钮 ,出 现 如 图 12. 45 
所 示 的 订单 显示 界面 ,顾客 单 击 “ 确 定 ” 按 钮 返回 。 


2112 电脑 办 公 笔记 本 戴尔 XPS13R-9343-1708 ss00 器 1 ss00 


ano um 国 ， 


图 12.44 buyproduct 网 页 的 执行 界面 
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:70 
3 村 二 站 天 2 作 有 是。 总 金额 为 12659 元 


: 湖北 省 武汉 市 武昌 区 中 山路 126 号 
= 13988888888 


12.45 OrderForm 网 页 的 执行 界面 


12.7.5 “查看 我 的 订单 ”功能 网 页 设计 


查看 我 的 订单 功能 由 dispmyod 和 dispmyodl 两 个 网 页 实现 。 
1. dispmyod 网 页 设计 
dispmyod 网 页 的 设计 界面 如 图 12. 46 所 示 。 


查看 订单 商品 
查看 订单 商品 
查看 订单 商品 


查看 订单 商品 


图 12.46 dispmyod 网 页 的 设计 界面 


GridViewl 控件 中 的 “处 理 否 "字段 表示 操作 员 是 否 已 经 处 理 了 该 订单 。 一 旦 处 理 , 该 订 
单 不 能 撤销 。 该 字段 是 一 个 TemplateField 类 型 ,其 ItemTemplate 设计 模板 如 图 12. 47 所 
示 , 绑 定 的 trans 方法 如 下 : 


public bool trans(object s) 
{ if(s.ToString().Trim() == "True") 
return true; 
else 
return false; 
让 


GridViewl 控件 中 的 “查看 订单 商品 ?字段 是 CommandField 类 型 的 字段 ,其 源 视图 代码 
如 下 :; 


<asp:CommandField ButtonType = "Button” EditText = "查看 订单 商品 " 
ShowEditButton = "True"> 
< ControlStyle Font ~ Bold = "True" ForeColor = "Red" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:CommandField> 
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站 闻 度 涛 定 (Dj: 


综 定 到 (B): 


格式 (D); 


示例 SS): 


峰 自 定 义 九 定 (QO: 
代码 表达 式 (E): 
trans(Eval(" 处 理 否 ")) 


Ce ww | 
图 12.47 “处 理 否 "字段 设计 


在 用 户 单 击 某 行 的 “查看 订单 商品 ”按钮 时 引发 执行 的 事件 处 理 方法 如 下 : 


protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e) 
{ e.Cancel = true; 
string ddh = GridView1. DataKeys[e. NewEditIndex][0].ToString(); 
Session["ddh"] = ddh; 
Response. Redirect("dispmyod1.aspx" ) 7 
} 


在 提取 订单 ddh 并 保存 在 Session["ddh"] 中 之 后 转向 dispmyodl 网 页 。 
2. dispmyod1 网 页 设计 


dispmyod 网 页 的 设计 界面 如 图 12. 48 所 示 。 该 网 页 用 于 显示 指定 订单 号 的 商品 信息 ,这 
是 通过 如 下 Page_Load 事件 处 理 方 法 实现 的 : 


| 数据 绑 定 。 教 据 姥 定 。。 教 据 绪 定 。” 教 据 绑 定 。 孝 据 绑 定 。 教 据 铸 定 ”数据 履 定 。 教 据 恤 定 。 教 据 绑 定 | 
| 数据 敌 定 。 数据 绑 定 。 数据 绑 定 ”数据 六 定 ”数据 时 定数 据 入 定数 据 针 定数 据 绪 定 。 教 据 绑 定 

| 数据 时 定 。 数据 镭 定 。 教 据 鲫 定 ” 教 据 绑 定 。 教 据 铸 定 ”数据 铸 定 。 孝 据 绑 定 ” 教 据 秘 定 。 教 据 铸 定 | 
| 数据 半 定 。 教 据 针 定 。 ”数据 绑 定 ”数据 效 定 ”数据 牧 定 ”数据 效 定 ”数据 绑 定 。” 教 据 禾 定 ”数据 乡 定 | 
| 教 据 效 定 。 ”数据 乡 定 。。 孝 据 姥 定 。 数据 万 定数 据 蛙 定 ， 才 据 拷 定 ”数据 哮 定 教 据 擂 定 ”数据 畦 定 | 


12.48 ”dispmyod1 网 页 的 设计 界面 
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protected void Page Load(object sender, EventArgs e) 
{ if (!Page. IsPostBack) 
{ nysql = "SELECT 日 期 ,商品 编号 ,分 类 , 子 类 ,品牌 ,型 号 ,单价 ,数量 ,金额 " 
+ "FROM Sales" 
+ "WHERE 用 户 名 = '" + Session["uname"] + """ 
+ " AND 订单 号 = '" + Session["ddh"] + ""; 
myds = mydb. ExecuteQuery(mysql, "Sales"); 
GridView1.DataSource = myds.Tables["Sales"]; 
GridViewl.DataKeyNames = new string[ ] { "商品 编号 ”}; 
GridView1.DataBind( ); // 在 GridViewl 控件 中 显示 满足 查询 条 件 的 记录 


} 

例如 ,wh10 顾客 进入 查看 我 的 订单 ,显示 结果 如 图 12. 49 所 示 ,表明 该 顾客 有 一 个 订单 ， 
订单 编号 为 70, 操 作 员 尚 未 处 理 。 在 该 行 单 击 “ 查 看 订单 商品 ”按钮 ,显示 结果 如 图 12. 50 所 
示 , 列 出 该 订单 对 应 的 所 有 商品 信息 , 单 击 * 返 回 "按钮 完成 本 次 查看 操作 。 


图 12.49 ”dispmyod 网 页 的 执行 界面 


2015/8/1 0:00:00 2112 电脑 办 公 笔记 本 戴尔 XPS13R-9343-1708 3500 8500 
2015/8/1 0:00:00 2122 电脑 办 公 笔记 本 ThinkPad E450-20DCA01-HCD 4159 1 4159 


图 12.50 dispmyodl 网 页 的 执行 界面 


12.7.6 “撤销 尚未 处 理 的 订单 ”功能 网 页 设计 


撤销 尚未 处 理 的 订单 功能 对 应 的 网 页 为 backrollod, 其 设计 界面 如 图 12. 51 所 示 。 该 网 
页 主要 包含 一 个 GridViewl 控件 。 


[amaw | 
查看 订单 商品 订单 


ED 
查看 订单 商品 数 销 订单 | | 
查看 订单 商品 数 销 订单 


图 12.51 dispmyodl 网 页 的 设计 界面 
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GridViewl 控件 的 设计 与 dispmyod 网 页 在 GridViewl 控件 设计 相似 ,只 增加 了 一 个 
CommandField 字段 ,其 源 视 图 代码 如 下 : 


<asp:CommandField ButtonType = "Button" ShowSelectButton = "True" 
SelectText = "撤销 订单 "> 
< ControlStyle Font — Bold = "True" ForeColor = "Red" /> 
< ItemStyle HorizontalAlign = "Center" /> 
< HeaderStyle Font - Bold = "True" Font - Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
</asp:CommandField> 


该 字段 绑 定 的 GridView1_SelectedIndexChanged 事件 处 理 方法 如 下 : 


protected void GridView1_SelectedIndexChanged(object sender, EventArgs e) 
{ CheckBox chkbox; 
chkbox = GridViewl.SelectedRow.FindControl("CheckBox1") as CheckBox; 
证 (chkbox. Checked) 
Labell. Text = "该 订单 已 处 理 ,不 能 撤销 !"; 
else // 撤 销 订单 
{ //(1) 对 于 Sales 表 中 该 订单 的 每 种 商品 ,修改 Products 表 中 该 商品 的 库存 数量 
string spno, sl; 
string ddh = GridViewl.SelectedRow.Cells[0].Text.ToString().Trim(); 
// 提 取 所 选 行 的 订单 号 
mysql = "SELECT x FROM Sales” + " WHERE 订单 号 ='" + ddh + ""; 
myds = mydb.ExecuteQuery(mysql, "Sales"); 
DataTable dt = myds.Tables["Sales"]; 
DataRow[ ] myRow = dt.Select(); 
foreach (DataRow row in myRow) // 逐 行 处 理 数据 
{ ”spno= row[" 商 品 编号"].ToString().Trim(); 
sl = row[ "数量 "]. ToString().Trim(); 
mysql = "UPDATE Products SET 库存 数量 = 库存 数量 + ”+ sl 
+ "WHERE 商品 编号 ='" + spno + ""; 
mydb. ExecuteNonQuery(mysql); // 执 行 SQL 语句 
} 
//(2) 删 除 Sales 表 中 该 订单 的 所 有 记录 
mysql = "DELETE Sales”+ " WHERE 订单 号 =" + ddh + ""; 
mydb. ExecuteNonQuery (mysql); 
//(3) 删 除 OrderForn 表 中 该 订单 的 记录 
mysql = "DELETE OrderForm"” + " WHERE 订单 号 = " + ddh + ""; 
mydb. ExecuteNonQuery(mysql); 
Labell. Text = ddh + "订单 已 撤销 "; 


} 

上 述 事 件 处 理 方法 用 于 撤销 所 在 行 的 订单 ,其 过 程 分 为 3 步 ,详细 实现 见 代码 中 的 注释 。 
12.7.7 “订单 商品 评价 ”功能 网 页 设计 

订单 商品 评价 功能 由 productevaluation 和 writecomment 两 个 网 页 实现 。 


1，productevaluation 网 页 设计 
productevaluation 网 页 显示 该 顾客 所 有 订单 的 全 部 商品 , 供 顾客 评价 。 其 设计 界面 如 
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图 12. 52 所 示 。 


数据 二 定数 扫 是 数据 多 定 。 数据 九 定 RE 数据 铸 定 pr 
| 教 据 儿 定 


图 12.52 ”productevaluation 网 页 的 设计 界面 


GridViewl 控件 中 的 “评价 ”按钮 对 应 的 事件 处 理 方法 如 下 : 


protected void GridViewl RowEditing(object sender, GridViewEditEventArgs e) 
{ e.Cancel = true; 
string spbh = GridViewl.DataKeys[e.NewEditIndex][0].ToString(); 
Session["spbh"] = spbh; 
Response. Redirect ("writecomment. aspx" ); 


} 
通过 Session[ "spbh"J 记 录 下 要 评价 的 商品 编号 ,并 转向 writecomment 网 页 。 
2. writecomment 网 页 设计 


writecomment 网 页 用 于 给 Session["spbh"] 商 品 打分 和 写 评语 ,其 设计 界面 如 图 12. 53 
所 示 。 打 分 采用 5 分 制 ,最 高 5 分 。 


图 12.53 writecomment 网 页 的 设计 界面 


首先 查看 该 顾客 身份 是 否 评价 过 ,如 果 已 经 评价 过 , 则 显示 原来 的 评价 结果 ; 否则 , 置 空 
评价 界面 。 该 过 程 由 Page_Load 事件 处 理 方法 完成 。 
当 顾 客 单 击 “ 提 交 ” 按 钮 后 ,执行 的 事件 处 理 方法 如 下 : 


protected void Button1_Click(object sender, EventArgs e) 
{ stringfs=""; 
if (Radiol. Checked == true) 
[7 
else if (Radio2.Checked == true) 
7 


432 电子 商务 网 站 开发 教程 一 一 基于 C# 十 ASP .NET 


else if (Radio3.Checked == true) 


Eo = "3"y 

else if (Radio4.Checked == true) 
£8 wm "ds 

else if (Radio5. Checked == true) 
站 本 

else 
£9 = "3" 


if (Session["has"].ToString().Trim() == "0") 

{ ”mysql = "INSERT INTO Comment( 商 品 编号 ,用 户 名 ,评语 ,分 数 ) VALUES("" 
+ Session["spbh"].ToString().Trim() + "vv 
+ Session["uname"].ToString().Trim() + "',"" 
+ TextBoxl.Text + "'," 
+ fs + ")"; 
mydb. ExecuteNonQuery(mysql); 
mysql = "UPDATE Products SET 评论 数 = 评论 数 + 1" 
+ " WHERE 商品 编号 = '" + Session["spbh"].ToString().Trim() + """; 
mydb. ExecuteNonQOuerYy(mysq] ) 7 
mysql = "UPDATE Products SET 星 数 = ( 星 数 * (评论 数 -1) + "+ fs 
+ ")/ 评 论 数 " 
+ " WHERE 商品 编号 = '" + Session["spbh"].ToString().Trin() + ""; 
mydb. ExecuteNonQuery(mysql); 

} 

else 

{ mysql = "UPDATE Comment SET " 
+ "评语 = '" + TextBoxl.Text + "'," 
+ "分 数 =" + fs 
+ "WHERE 用 户 名 = " 
+ Session["uname"].ToString().Trim() + "'RaRND 商品 编号 = "" 
+ Session["spbh"].ToString().Trim() + ""™"; 
mydb. ExecuteNonQuery(mysql); 
mysql = "UPDATE Products SET 星 数 =" 
+"( 星 数 * 评 论 数 +" + fs + "-" + Session["fs"].ToString().Trim() 
+ ")/ 评 论 数 " 
+ "WHERE 商品 编号 = '”+ Session["spbh"].ToString().Trim() + ""; 
mydb. ExecuteNonQuery(mysql); 

a 

Response. Redirect( "productevaluation. aspx" ); 

} 


例如 ,wh10 顾客 进入 订单 商品 评价 功能 ,如 图 12. 54 所 示 , 显 示 该 顾客 购买 的 两 个 商品 ， 
订单 号 为 70。 单 击 第 2 行商 品 的 “评价 ”按钮 ,转向 writecomment 网 页 ,顾客 可 以 打分 和 写 评语 ， 
如 该 顾客 给 2122 商品 的 评价 结果 如 图 12. 55 所 示 。 单 击 “ 提 交 ” 按 钮 返回 到 productevaluation 网 
页 ,可 以 继续 评价 其 他 商品 。 


2015/8/1 0:00:00 2112 电脑 办 公 笔记 本 。 总 尔 XPSl3R-9343-1708 ss00 1 ss00 


70 2015/8110:00:00 ”2122 电脑 办 公 笔记 本 ThinkPad E450-20DCA0L.HCD 41s9 1 41s9 [评价] 


| 返回 | 


图 12. 54 ”productevaluation 网 页 的 执行 界面 
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® @ ® [©) D4 
电脑 外 观 漂亮 ， 性 能 良好 。| 


图 12.55 writecomment 网 页 的 执行 界面 


顾客 评价 后 ,在 Products 商品 表 中 会 累积 所 有 顾客 的 评分 ,从 而 产生 出 该 商品 的 星 数 , 计 
算 公式 如 下 : 


某 商品 星 数 = 所 有 顾客 的 评分 /顾客 人 数 
但 需要 考虑 顾客 重复 评分 情况 。 商 品 的 评语 存储 在 Comment 表 中 。 

12.7.8 “更 改 我 的 信息 ”功能 网 页 设计 
更 改 我 的 信息 功能 对 应 updatecustomerinfo 网 页 ,其 设计 界面 如 图 12. 56 所 示 。 


图 12.56 ”updatecustomerinfo 网 页 的 设计 界面 


updatecustomerinfo 网 页 的 设计 思路 与 Registered 网 页 相似 。 首 先 通过 Page_Load 事件 
处 理 方法 在 Customers 表 中 找到 该 顾客 (Session["uname"]) 的 注册 信息 ,并 显示 。 用 户 可 以 
更 新 该 信息 , 单 击 “ 确 定 ” 按 钮 后 ,对 应 Button1_Click 事件 处 理 方法 使 用 UPDARE 语句 修改 
Customers 表 中 该 顾客 的 信息 。 

设计 界面 上 的 验证 控件 用 于 验证 顾客 数据 输入 的 有 效 性 。 

例如 ,whl0 顾客 进入 更 改 我 的 信息 功能 ,显示 界面 如 图 12. 57 所 示 ,可 以 修改 各 项 数据 ， 
但 一 定 要 满足 注册 时 的 相关 要 求 , 单 击 “ 确 定 ” 按 钮 进行 数据 更 新 。 
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图 12.57 ”updatecustomerinfo 网 页 的 执行 界面 


12.7.9 “更 改 我 的 密码 ”功能 网 页 设计 
更 改 我 的 密码 功能 对 应 的 网 页 为 updatecustomerpass, 其 设计 界面 如 图 12. 58 所 示 。 


图 12.58 updatecustomerpass 网 页 的 执行 界面 


当 顾 客 单 击 “ 提 交 ” 按 钮 后 ,调用 Button1_Click 事件 处 理 方法 , 先 检查 原 密码 是 否 正确 ， 
当 正 确 时 ,用 UPDATE 语句 修改 该 顾客 的 密码 为 新 密码 。 
设计 界面 上 的 验证 控件 用 于 验证 顾客 数据 输入 的 有 效 性 。 


12.8 管理 员 功 能 网 页 设计 


知识 梳理 


CE 能 网 页 设计 管理 员 功能 网 页 设计 方法 


12.8.1 管理 员 功 能 主页 设计 


当 管 理 员 进入 网 站 后 ,首先 显示 管理 员 功 能 主页 managermenu, 其 设计 界面 如 图 12. 59 
所 示 。 它 是 基于 母 版 页 MasterPage. master 的 。 该 网 页 位 于 网 站 根 目 录 下 ,调用 的 所 有 网 页 
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都 放置 在 子 Manager 目录 中 。 


日 用 户 (操作 员 /管理 员 ) 管理 
重 加 新 用 户 信息 
骗 辑 用 户 信息 

日 顾客 信息 管理 
查看 顾客 信息 
临时 封杀 顾客 信息 
查看 顾客 订单 信息 

日 预警 、 报 警 和 下 沫 管理 
商品 库存 预警 http:ocalhost'53379/dispinfo.aspx?intfo= 政 迎 使 用 本 系统 


设置 顾客 学 历数 据 
设置 顾客 地 区 葵 据 
设置 商品 类 型 获 据 


图 12.59 managermenu 网 页 的 设计 界面 


managermenu 网 页 的 设计 思路 与 游客 功能 主页 touristmenu 的 相似 ,只 是 在 TreeViewl 
控件 中 列 出 管理 员 的 功能 项 。 


12.8.2 “添加 新 用 户 信息 ”功能 网 页 设计 
添加 新 用 户 信息 功能 对 应 adduser 网 页 ,其 设计 界面 如 图 12. 60 所 示 。 


SS 


| 提交 | 于 去 | 


12. 60 adduser 网 页 的 设计 界面 


当 单 击 “ 提 交 ” 按 钮 后 ,调用 Buttonl_Click 事件 处 理 方法 ,首先 检查 Users 表 中 是 否 重 复 
存在 该 用 户 名 , 若 不 重复 , 则 使 用 INSERT 语句 将 该 用 户 数据 插入 到 Users 表 中 。 
设计 界面 上 的 验证 控件 用 于 验证 管理 员 数 据 输入 的 有 效 性 。 


12. 8.3 “编辑 用 户 信息 ”功能 网 页 设计 


编辑 用 户 信 息 功 能 由 edituser .edituserl 和 edituser2 三 个 网 页 实现 。 
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1. edituser 网 页 设计 

edituser 网 页 的 设计 界面 如 图 12. 61 所 示 , 用 于 设置 查找 用 户 的 条 件 , 构 成 一 个 条 件 字符 
串 condstr, 继 而 生成 一 个 SELECT 语句 ,存放 在 Session["sql"] 会 话 中 ,再 转向 edituserl 
网 页 。 


图 12.61 edituser 网 页 的 设计 界面 


2. edituserl 网 页 设计 
edituserl 网 页 的 设计 界面 如 图 12. 62 所 示 ,主要 包含 一 个 GridViewl 控件 。 


图 12.62 edituserl 网 页 的 设计 界面 


edituserl 网 页 首先 执行 Session["sql"] 中 的 SELECT 语句 ,然后 将 结果 在 GridViewl 控 
件 中 显示 出 来 。 
GridViewl 控件 的 两 个 命令 字段 如 下 : 


<asp:CommandField ShowEditButton = "True"” HeaderText = "操作 1" > 
< HeaderStyle Font ~ Bold = "True" Font - Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle ForeColor = "DeepSkyBlue" HorizontalAlign = "Center" /> 
</asp:CommandField> 
<asp:CommandField ShowDeleteButton = "True"” HeaderText = "操作 2" > 
< HeaderStyle Font ~ Bold = "True" Font — Size = "18px" Font - Names = "隶书 " 
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ForeColor = "Blue" /> 
< ItemStyle ForeColor = "Red" HorizontalAlign = "Center" /> 
</asp:CommandField> 


“操作 1” 为 编辑 按钮 , 单 击 时 引发 的 事件 处 理 方法 如 下 : 


protected void GridViewl RowEditing(object sender, GridViewEditEventArgs e) 
{ // 编 辑 记录 

e. Cancel = true; 

string uname; // 保 存 用 户 名 

uname = GridViewl.DataKeys[e.NewEditIndex].Value.ToString(); 

Response. Redirect("edituser2.aspx?uname =" + uname); // 转 向 edituser2 网 页 
} 


“操作 2” 为 删除 按钮 , 单 击 时 引发 的 事件 处 理 方法 如 下 : 


protected void GridViewl RowDeleting(object sender, GridViewDeleteEventArgs e) 
{ ”// 删 除 记录 
e.Cancel = true; 
string uname; // 用 户 名 
uname = GridViewl.DataKeys[e.RowIndex].Value.ToString(); 
mysql = "DELETE FROM Users WHERE 用 户 名 = '”+ uname + ""; 
mydb. ExecuteNonQuery(mysql); // 执 行 DELETE 语句 
bind(); // 调 用 自 定义 绑 定 方法 
} 


3. edituser2 网 页 设计 


edituser2 网 页 的 设计 界面 如 图 12. 63 所 示 , 它 在 管理 员 单 击 edituserl 网 页 中 某 个 用 户 行 
的 “编辑 ”按钮 时 出 现 ,用 于 更 新 该 用 户 的 信息 。 


图 12. 63 edituser2 网 页 的 设计 界面 


12. 8.4 “查看 顾客 信息 ”功能 网 页 设计 


查看 顾客 信息 功能 由 dispcustomer 和 dispcustomerl 两 个 网 页 实现 。 

1. dispcustomer 网 页 设计 

dispcustomer 网 页 的 设计 界面 如 图 12. 64 所 示 , 它 用 于 设置 查找 顾客 的 条 件 , 构 成 一 个 条 
件 字符 串 condstr, 继而 生成 一 个 SELECT 语句 ,存放 在 Session[ "sql"] 会 话 中 ,再 转向 


dispcustomerl 网 页 。 
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图 12.64 ”dispcustomer 网 页 的 设计 界面 


2. dispcustomerl 网 页 设计 

dispcustomerl 网 页 的 设计 界面 如 图 12. 65 所 示 ,主要 包含 一 个 GridViewl 控件 。 它 首先 
执行 Session["sql"] 中 的 SELECT 语句 ,然后 将 结果 在 GridViewl 控件 中 显示 。GridView1 
控件 只 有 分 页 功能 ,不 能 对 顾客 记录 进行 编辑 和 删除 操作 。 


数据 娘 定 数据 那 定 数据 饰 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 铸 定 数据 卿 定 数据 乡 定 教 据 绑 定 
教 据 绑 定 数据 乡 定 数据 娘 定 孝 据 绑 定 数据 绑 定 数据 绑 定 教 据 绑 定 数据 铸 定 数据 稳定 数据 绑 定 数据 绑 定 孝 据 绑 定 | 
教 据 铸 定 数据 绑 定 数据 饰 定 教 据 铸 定 教 据 绑 定 数据 绑 定 教 据 铸 定 数据 饰 定 数据 绑 定 数据 做 定 教 据 铸 定 教 据 针 

四 本 


图 12. 65 ”dispcustomerl 网 页 的 设计 界面 


12.8.5 “临时 封杀 顾客 信息 ”功能 网 页 设计 


临时 封杀 顾客 信息 功能 由 killeustomer 和 killcustomerl 两 个 网 页 实现 。 
1. killcustomer 网 页 设计 
killeustomer 网 页 和 dispcustomer 网 页 相似 ,其 设计 界面 如 图 12. 66 所 示 , 它 用 于 设置 查找 顾 


客 的 条 件 ,构成 一 个 条 件 字符 串 condstr, 继 而 生成 一 个 SELECT 语句 ,存放 在 Session["sql"] 会 
话 中 ,再 转向 killcustomerl 网 页 。 


2. killecustomerl 网 页 设计 
killcustomerl 网 页 的 设计 界面 如 图 12. 67 所 示 ,主要 包含 一 个 GridViewl 控件 。 它 先 执 
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图 12.66 ”killeustomer 网 页 的 设计 界面 


EE 


数据 绑 定 数据 做 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 数据 族 定 数据 绑 定 
数据 饰 定 教 据 铸 定 数据 勿 定 数据 姥 定 数据 绑 定 数据 饰 定 数据 铸 定 数据 铸 定 教 据 铸 定 数据 饰 定 数据 乡 定 


数据 绑 定 数据 绑 定 数据 绑 定 数据 乡 定 数据 绑 定 数据 贸 定 数据 绑 定 数据 绑 定 数据 绑 定 教 据 绑 定 数据 绑 定 
数据 绑 定 数据 绑 定 数据 做 定 数据 绑 定 数据 绑 定 教 据 贸 定 教 据 绑 定 数据 绑 定 数据 绑 定 教 据 狠 定 数据 绑 定 


图 12.67 killeustomerl 网 页 的 设计 界面 


行 Session["sql"] 中 的 SELECT 语句 ,然后 将 结果 在 GridViewl 控件 中 显示 。 
GridViewl 控件 中 有 一 个 “有 效 否 "字段 ,其 源 视图 代码 如 下 : 


<asp:TemplateField HeaderText = "有 效 否 "> 

<ItemTemplate> 

<asp:CheckBox ID = "CheckBoxl1" runat = "server" 
Checked = '<% # DataBinder. Eval(Container. DataItem, "有 效 否 ") %>' /> 
</ItemTemplate> 
< HeaderStyle Font - Bold = "True" Font - Names = "隶书 " 
Font ~ Size= "18px" ForeColor = "Blue" /> 

< ItemStyle HorizontalAlign = "Center" /> 

</asp:TemplateField> 


它 是 一 个 TemplateField 字段 ,与 Customers 表 “ 有 效 否 ? 列 绑 定 。 当 某 顾 客 有 效 时 ， 
GridViewl 控件 中 会 选中 该 字段 ,如 果 管 理 员 取消 选中 ,在 单 击 “ 确 定 ” 按 钮 后 会 临时 封杀 该 顾 
客 信息 。 

例如 ,管理 员 system/manager 进入 临时 封杀 顾客 信息 ,出现 killcustomer 网 页 执行 界面 ， 
不 选任 何 项 和 不 输入 任何 数据 ,表示 查找 所 有 顾客 , 单 击 “ 确 定 ” 按 钮 ,出 现 如 图 12. 68 所 示 的 
界面 ,管理 员 可 以 对 任何 顾客 进行 临时 封杀 操作 , 单 击 “ 确 定 ” 按 钮 后 操作 变 为 有 效 。 
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欢迎 访问 本 网 站 
图 12.68 killcustomerl 网 页 的 执行 界面 


12. 8.6 “查看 顾客 订单 信息 ”功能 网 页 设计 


查看 顾客 订单 信息 功能 由 dispOrderform、dispOrderforml 和 dispOrderform2 三 个 网 页 
实现 。 

1. dispOrderform 网 页 设计 

dispOrderform 网 页 和 dispcustomer 网 页 相似 ,其 设计 界面 如 图 12. 69 所 示 , 它 用 于 设置 
查找 顾客 的 条 件 , 构 成 一 个 条 件 字符 串 condstr, 继 而 生成 一 个 SELECT 语句 ,存放 在 Session 
["sql"j 会 话 中 ,再 转向 dispOrderforml 网 页 。 


图 12. 69 ”dispOrderform 网 页 的 设计 界面 


第 12 章 电子 商务 网 站 开发 实例 441 


2. dispOrderforml 网 页 设计 
dispcustomerl 网 页 的 设计 界面 如 图 12. 70 所 示 ,主要 包含 一 个 GridViewl 控件 。 


图 12.70 dispOrderforml 网 页 的 设计 界面 


edituserl 网 页 首先 执行 Session["sql"] 中 的 SELECT 语句 ,然后 将 结果 在 GridViewl 控 
件 中 显示 。 
GridViewl 控件 的 一 个 命令 字段 如 下 : 


<asp:CommandField ButtonType = "Button" CancelText = "" DeleteText = "" EditText = "选择 " 
HeaderText = "查看 订单 "ShowEditButton = "True" > 
< ItemStyle HorizontalAlign = "Center" /> 
< ControlStyle ForeColor = "Red" Font - Bold = "True" /> 
< HeaderStyle ForeColor = "Red" /> 
< ItemStyle ForeColor = "Red" /> 
</asp:CommandField> 


“选择 ”为 编辑 按钮 , 单 击 时 引发 的 事件 处 理 方法 如 下 : 


protected void GridView]l RowEditing(object sender, GridViewEditEventArgs e) 
{ // 编 辑 记录 
e.Cancel = true; 
string cname = GridViewl.DataKeys[e.NewEditIndex][0].ToString(); 
// 获 取 当 前 行 的 用 户 名 
Response. Redirect("dispOrderform2.aspx?cname =" + cname); 
} 


3. dispOrderform2 网 页 设计 


dispOrderform2 网 页 的 设计 界面 如 图 12. 71 所 示 。 它 在 管理 员 单 击 dispOrderforml 网 
页 中 某 个 用 户 行 的 “选择 ”按钮 时 出 现 ,用 于 显示 更 新 该 用 户 的 信息 。 
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数据 铸 定 数据 绑 定 数据 族 定 数据 绑 定 


图 12.71 dispOrderform2 网 页 的 设计 界面 


例如 ,管理 员 system/manager 进入 查看 顾客 订单 信息 ,出 现 dispOrderform 网 页 执行 界 
面 ,选择 “华中 ”地 区 , 单 击 “ 确 定 ” 按 钮 ,出 现 如 图 12. 72 所 示 的 界面 , 单 击 wh10 用 户 行 的 “ 选 
择 ” 按 钮 ,显示 该 顾客 的 所 有 订单 的 商品 信息 ,如 图 12.73 所 示 。 


湖南 省 ”长 沙市 ”后 诡 区 
湖北 省 ”武汉 市 洪山 区 
湖北 省 ”武汉 市 ”武昌 区 
湖北 省 ”武汉 市 武昌 区 


图 12.72 dispOrderforml 网 页 的 执行 界面 


70 ”201s/8/10:00:00 2112 电脑 办 公 笔 记 本 。 戴尔 XPS13R-9343-1708 8s00 1 


ss00 
70 2015/8/10:00:00 2122 电脑 办 公 笔记 本 ThinkPad E450-20DCADIL-HCD 4159 1 41s9 


图 12.73 ”dispOrderform2 网 页 的 执行 界面 


12.8.7 “商品 库存 预警 ”功能 网 页 设计 


商品 库存 预警 功能 由 Productwarning 和 Productwarningl 两 个 网 页 实现 。 

1. Productwarning 网 页 设计 

Productwarning 网 页 和 dispcustomer 网 页 相似 ,其 设计 界面 如 图 12. 74 所 示 , 它 用 于 设 
置 查找 库存 预警 商品 的 条 件 ,构成 一 个 条 件 字符 串 condstr, 继 而 生成 一 个 SELECT 语句 , 存 
放 在 Session[L"sql"] 会 话 中 ,再 转向 Productwarningl 网 页 。 
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图 12.74 Productwarning 网 页 的 设计 界面 


2. Productwarningl 网 页 设计 

Productwarningl 网 页 的 设计 界面 如 图 12. 75 所 示 , 主 要 包含 一 个 GridViewl 控件 。 它 
首先 执行 Session[ "sql"] 中 的 SELECT 语句 ,然后 将 结果 在 GridViewl 控件 中 显示 。 
GridViewl 控件 上 设计 如 下 事件 处 理 方法 : 


protected void GridView1_RowDataBound(object sender, 
System. Web. UI. WebControls. GridViewRowEventArgs e) 
{ if (e.Row.RowIndex >= 0) 
{ int kcsl = int.Parse(e.Row.Cells[6].Text.Trim()); // 提 取 该 行 的 库存 数量 
if (kcsl <= 50) 
e. Row. BackColor = System.Drawing.Color.Red; 
else if (kcsl <= 100) 
e. Row. BackColor = System.Drawing.Color.Yellow; 
else 
e. Row. BackColor = System.Drawing.Color.White; 


} 
该 方法 对 不 同 的 库存 数量 段 采用 不 同 的 颜色 显示 。 


图 12.75 Productwarningl 网 页 的 设计 界面 
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例如 ,管理 员 system/manager 进入 商品 库存 预警 功能 ,选择 所 有 的 商品 ,出 现 的 库存 预 
警 界面 如 图 12.76 所 示 。 


图 12.76 ”Productwarningl 网 页 的 执行 界面 


12.8.8 “商品 库存 报警 ”功能 网 页 设计 


商品 库存 报警 功能 由 Productalarm 和 Productalarml 两 个 网 页 实现 。 
1， Productalarm 网 页 设计 


Productalarm 网 页 和 dispcustomer 网 页 相似 ,其 设计 界面 如 图 12. 77 所 示 。 它 用 于 设置 
查找 库存 报警 商品 的 条 件 , 构 成 条 件 字符 串 condstr, 继 而 生成 一 个 SELECT 语句 ,存放 在 
Session[ "sql"] 会 话 中 ,再 转向 Productalarml 网 页 。 


图 12.77 Productalarm 网 页 的 设计 界面 


2. Productalarml 网 页 设计 


Productalarml 网 页 的 设计 界面 如 图 12. 78 所 示 。 主 要 包含 一 个 GridViewl 控件 。 它 首先 
执行 Session["sql"] 中 的 SELECT 请 句 ,然后 将 结果 在 GridViewl 控件 中 显示 。GridViewl 控件 
上 设计 如 下 事件 处 理 方法 : 


protected void GridView1_RowDataBound(object sender, 


System. Web. UI. WebControls. GridViewRowEventArgs e) 
{ if (e.Row.RowIndex>= 0) 
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{ string spno = e.Row.Cells[0].Text.Trim(); // 提 取 该 行 的 商品 编号 
int kcsl = int.Parse(e.Row.Cells[6].Text.Trim()); // 提 取 该 行 的 库存 数量 
mysql = "SELECT COUNT( * ) FROM ShoppingCart " 

+ "WHERE 商品 编号 ='" + spno + ""; 
int ydsl = int.Parse(mydb. ExecuteAggregateQuery(mysql)); 
e. Row. Cells[7]. Text = ydsl.ToString().Trim(); 
int zr = kcsl — ydsl; 
e.Row. Cells[8].Text = zr.ToString().Trim(); 
if (zr <= 0) 
e. Row. BackColor = System.Drawing.Color.Red; 
else if (zr <= 10) 
e. Row. BackColor = System.Drawing.Color.Yellow; 
else 
€. Row. BackColor 


System. Drawing. Color. White; 


图 12.78 ”Productalarml 网 页 的 设计 界面 


该 方法 的 思路 是 ,对 于 某 个 商品 , 求 出 其 库存 数量 和 用 户 购 物 车 中 预购 该 商品 的 数量 ,两 
者 之 间 有 一 个 差额 ,对 不 同 的 差额 段 采用 不 同 的 颜色 显示 。 

例如 ,管理 员 system/manager 进入 商品 库存 报警 功能 ,选择 所 有 的 商品 ,出 现 的 库存 报 
警 界面 如 图 12. 79 所 示 ( 这 里 购物 车 为 空 )。 


手机 / 孝 码 手机 小 米 
手机 /数码 手机 小 米 
手机 / 教 码 。。 手机 华为 
手机 /数码 手机 华为 
手机 /数码 单反 教 码 相机 。 佳能 
手机 /数码 单反 教 码 相 机 。 佳能 
手机 /数码 单反 教 码 相机 ”尼康 


手机 数 妈 单反 教 码 相机 。 尼康 

电脑 办 公 ”笔记 本 茵 尔 

电脑 办 公 笔记 本 藏 尔 XPSI3R-9343-1708 。 3500 

电脑 办 公 笔记 本 ThinkPad X250-20CLA06-BCD 36s9 

电脑 办 公 笔记 本 ThinkPad E450-20DCA01-HCD 4159 
12 


沪 吕 嘱 时 六 呈 品 和 对 各 咒 呈 
过 外 区 吕 次 中 总 让 避 各 六 王 


图 12.79 Productalarml 网 页 的 执行 界面 
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12.8.9 “商品 下 架 ” 功 能 网 页 设计 


商品 下 架 功 能 由 Productdelete 和 Productdeletel 两 个 网 页 实现 。 

注意 : 商品 下 架 只 是 将 Products 表 中 该 商品 信息 的 "有 效 否 " 列 设置 为 0, 并 不 是 删除 该 
商品 的 记录 。 

1. Productdelete 网 页 设计 

Productdelete 网 页 和 dispcustomer 网 页 相似 ,其 设计 界面 如 图 12. 80 所 示 , 它 用 于 设置 
查找 下 架 商品 的 条 件 , 构 成 一 个 条 件 字 符 串 condstr, 继 而 生成 一 个 SELECT 语句 ,存放 在 
Session[ "sql"] 会 话 中 ,再 转向 Productdeletel 网 页 。 


图 12.80 ”Productdelete 网 页 的 设计 界面 


2，Productdeletel 网 页 设计 

Productdeletel 网 页 的 设计 界面 如 图 12. 81 所 示 ,主要 包含 一 个 GridViewl 控件 。 它 首 
先 执行 Session[ "sql"] 中 的 SELECT 语句 ,然后 将 结果 在 GridViewl 控件 中 显示 。GridViewl 控 
件 中 有 一 个 “下 架 否 "字段 ,其 源 视图 代码 如 下 : 


数据 铸 定 数据 绑 定 数据 入 定 数据 狐 定 数据 饰 定 数据 雍 定 


数据 铸 定 数据 久 定 


数据 暑 定 数据 绑 定 数据 铸 定 数据 铸 定 


图 12.81 Productdeletel 网 页 的 设计 界面 
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<asp:TemplateField HeaderText = "下 架 否 "> 
< ItemTemplate > 
<asp:CheckBox ID = "CheckBox1" runat = "server" /> 
</ItemTemplate> 
< HeaderStyle Font - Bold = "True" Font — Names = "隶书 " Font - Size = "18px" 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:TemplateField> 


“全 选 ?按钮 allsel 的 单 击 事件 处 理 方法 如 下 : 


protected void allsel Click(object sender, EventArgs e) // 全 部 选中 
和 int i; 
CheckBox chkbox; // 复 选 框 对 象 


for (i = 0; i< GridView1.Rows.Count; i++) 
{ chkbox = GridViewl.Rows[i].FindControl("CheckBox1") as CheckBox; 
chkbox. Checked = true; 


} 
“全 不 选 ? 按 钮 allnosel 的 单 击 事件 处 理 方法 如 下 : 
protected void allnosel_Click(object sender, EventArgs e) // 全 部 不 选中 
ee chkbox; // 复 选 框 对 象 


for (i = 0; i< GridView1.Rows.Count; i++) 
{ chkbox = GridView1. Rows[i].FindControl("CheckBoxl" ) as CheckBox; 
chkbox. Checked = false; 
} 
} 


“保存 更 新 ”按钮 Buttonl 的 单 击 事件 处 理 方法 如 下 : 


protected void Button1_Click(object sender, EventArgs e) 


{ string spno; // 商 品 编号 
CheckBox chkbox; // 复 选 框 对 象 
int i; 
for (i = 0; i< GridView1.Rows.Count; i++) 
{ spno = GridView1.Rows[i].Cells[0].Text; // 提 取 该 行 的 商品 编号 


chkbox = GridView1.Rows[i].FindControl("CheckBoxl") as CheckBox; 
if (chkbox. Checked) 
Update( spno); // 调 用 自 定义 过 程 进行 更 新 
} 
Response. Redirect(" 一 /dispinfo.aspx?info = 选择 的 下 架 商 品 信息 已 更 新 !"); 
} 
protected void Update(string spno) // 自 定义 过 程 ,用 UPDATE 语句 修改 商品 信息 
{ mysql = "UPDATE Products SET 有 效 否 ='0" 
+" WHERE 商品 编号 = '" + spno + ""; 
mydb. ExecuteNonQuery(mysql); 


12. 8.10 “ 按 商品 分 类 统计 ”功能 网 页 设计 


按 商品 分 类 统计 由 Productstl 网 页 实现 ,其 设计 界面 如 图 12. 82 所 示 , 用 于 统计 所 有 分 
类 商品 的 销售 数量 和 销售 金额 。 其 自 定义 的 绑 定 方法 如 下 : 
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public void bind() 
{ ”mysql = "SELECT 分 类 ,SUM( 数 量 ) as 销售 数量 , SUM( 金 额 ) as 销售 金额 " 
+ "FROM Sales " 
+ "GROUP BY 分 类 "; 
myds = mydb. ExecuteQuery(mysql, "Sales"); 
GridView1.DataSource = myds.Tables["Sales"]; 
GridViewl.DataBind();  // 在 GridViewl 控件 中 显示 满足 查询 条 件 的 记录 


图 12.82 ”Productstl 网 页 的 设计 界面 


例如 ,管理 员 system/manager 进入 按 商品 分 类 统计 功能 ,其 结果 如 图 12. 83 所 示 。 


图 12.83 ”Productstl 网 页 的 设 执行 面 


12. 8.11 “ 按 商品 子 类 统计 ”功能 网 页 设计 


按 商 品 子 类 统计 由 Productst2 网 页 实现 ,其 设计 界面 如 图 12. 84 所 示 , 用 于 统计 所 有 子 
类 商品 的 销售 数量 和 销售 金额 。 其 自 定义 的 绑 定 方 法 如 下 : 


public void bind() 
{ ”mysql = "SELECT 分 类 , 子 类 ,SUM( 数 量 ) as 销售 数量 , SUM( 金 额 ) as 销售 金额 " 
+ "FROM Sales " 
+ "GROUP BY 分 类 , 子 类 "; 
myds = mydb. ExecuteQuery(mysql, "Sales"); 
GridViewl.DataSource = myds.Tables["Sales"]; 
GridView]. DataBind(); // 在 GridViewl 控件 中 显示 满足 查询 条 件 的 记录 
$ 


例如 ,管理 员 system/manager 进入 按 商品 分 类 统计 功能 ,其 结果 如 图 12. 85 所 示 。 
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图 12.85 Productst2 网 页 的 执行 界面 


12. 8.12 “ 按 商 品 品 牌 统计 ”功能 网 页 设计 


按 商品 品牌 统计 由 Productst3 网 页 实现 ,其 设计 界面 如 图 12. 86 所 示 , 用 于 统计 所 有 品 
牌 商品 的 销售 数量 和 销售 金额 。 其 自 定义 的 绑 定 方法 如 下 : 


图 12.86 ”Productst3 网 页 的 设计 界面 
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public void bind() 
{ ”mysql = "SELECT 分 类 , 子 类 ,品牌 ,SUM( 数 量 ) as 销售 数量 , SUM( 金 额 ) as 销售 金额 " 
+ "FROM Sales " 

+ "GROUP BY 分 类 , 子 类 ,品牌 "; 
myds = mydb. ExecuteQuery(mysql, "Sales"); 
GridView1.DataSource = myds.Tables["Sales"]; 
GridViewl. DataBind( ); // 在 GridViewl 控件 中 显示 满足 查询 条 件 的 记录 
} 


例如 ,管理 员 system/manager 进入 按 商品 分 类 统计 功能 ,其 结果 如 图 12. 87 所 示 。 


图 12.87 Productst3 网 页 的 执行 界面 


12. 8.13 “设置 顾客 学 历数 据 ” 功 能 网 页 设计 


设置 顾客 学 历数 据 功能 由 setgkxl 和 setgkxll 两 个 网 页 实现 。 
1，setgkxl 网 页 设计 


setgkxl 网 页 用 于 显示 Education 表 中 所 有 学 历数 据 , 其 设计 界面 如 图 12. 88 所 示 。 


12. 88 ”setgkxl 网 页 的 设计 界面 


管理 员 可 以 在 学 历 文本 框 中 输入 一 个 学 历 , 单 击 “ 添 加 ”按钮 Button2 将 其 插入 到 
Education 表 中 ,学 历 编 号 是 SQL Server 自动 生成 的 。 对 应 的 事件 处 理 方法 如 下 : 
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protected void Button2 Click(object sender, EventArgs e) 
t 证 (TextBoxl. Text. Trim() != "") 
{ mysql = "SELECT x FROM Education WHERE 学 历 = '”+ TextBoxl.Text.Trim() + """; 
int i = mydb. Rownum(mysql); 
if (i>0) 
Labell. Text = "提示 : 学 历 重复 !"; 
else 
{ mysql = "INSERT INTO Education( 学 历 ) VALUES('" 
+ TextBoxl.Text.Trim() + "')"; 
mydb. ExecuteNonQuery(mysql); 
bind(); 
Labell. Text = ""; 


} 
else 
Labell. Text = "必须 输入 一 个 学 历 !"; 
} 


GridViewl 控件 中 有 两 个 CommandField 字段 ,“ 编 辑 ” 字 有 段 的 事件 处 理 方法 如 下 (调用 
setgkxll 网 页 ): 


protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e) 
{ // 编 辑 记 录 

e. Cancel = true; 

string xlbh; // 学 历 编号 

xlbh = GridViewl.DataKeys[e.NewEditIndex].Value.ToString().Trim(); 

string xl; // 学 历 

xl = GridViewl.Rows[e.NewEditIndex].Cells[1].Text. Trim(); 

Response. Redirect("setgkxl1l.aspx?xlbh= "+xlbh+ "gxl = "+xl1); // 转 向 setgkxl11 网 页 
} 


“删除 ?字段 的 事件 处 理 方法 如 下 : 


protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e) 
{ 。// 删 除 记录 
e.Cancel = true; 
String xlbh; // 学 历 编 号 
xlbh = GridView1.DataKeys[e.RowIndex]. Value.ToString(); 
mysql = "DELETE FROM Education WHERE 编号 ='" + xlbh + ""; 
mydb. ExecuteNonQuery(mysql); // 执 行 DELETE 语句 
bind(); 
} 


2. setgkxll 网 页 设计 


setgkxll 网 页 用 于 编辑 单个 学 历数 据 , 其 设计 界面 如 图 12. 89 所 示 。 其 中 ,学 历 编号 不 能 
更 改 ,只 能 更 改 学 历 。 管 理 员 单 击 “提交 ”按钮 Buttonl 后 调用 如 下 事件 处 理 方法 更 新 
Education 表 : 


protected void Button1_Click(object sender, EventArgs e) 
{ mysql = "UPDATE Education SET 学 历 = '" + TextBox2.Text.Trim() 
+ "'WHERE 编号 = " 
+ TextBoxl.Text.Trim() + ""; // 构 造 PDATE 语句 
mydb. ExecuteNonQuery(mysql); // 执 行 UPDATE 语句 
Response. Redirect("setgkxl. aspx"); // 转 向 setgkxl 网 页 
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图 12.89 setgkxll 网 页 的 设计 界面 


12. 8.14 “设置 顾客 地 区 数据 "功能 网 页 设计 


设置 顾客 地 区 数据 功能 由 setgkdq 和 setgkdql 两 个 网 页 实现 。 

1. setgkdq 网 页 设计 

setgkdq 网 页 用 于 显示 Area 表 中 所 有 地 区 数据 和 添加 地 区 数据 ,其 设计 界面 如 图 12. 90 
所 示 。 设 计 思路 与 setgkxl 网 页 相似 。 


图 12.90 ”setgkdq 网 页 的 设计 界面 
2. setgkdql 网 页 设计 
setgkdql 网 页 用 于 编辑 单个 地 区 数据 ,其 设计 界面 如 图 12. 91 所 示 。 其 中 ,地 区 编号 不 


能 更 改 , 只 能 更 改 该 编号 的 其 他 数据 。 设 计 思 路 与 setgkxll 网 页 相似 。 管 理 员 单 击 “ 提 交 ” 按 
钮 Buttonl 后 将 数据 更 新 保存 到 Area 表 。 


第 12 章 电子 商务 网 站 开发 实例 453 


12.8.15 “设置 商品 类 型 数据 ”功能 网 页 设计 


设置 商品 类 型 数据 功能 由 setsplx 和 setsplxl 两 个 网 页 实现 。 
1. setsplx 网 页 设计 


setsplx 网 页 用 于 显示 ProdType 表 中 所 有 商品 类 型 数据 和 添加 类 型 数据 ,其 设计 界面 如 
图 12. 92 所 示 。 设 计 思 路 与 setgkxl 网 页 相似 。 


图 12. 92 setsplx 网 页 的 设计 界面 
2. setsplxl 网 页 设计 
setsplxl 网 页 用 于 编辑 单个 商品 类 型 数据 ,其 设计 界面 如 图 12. 93 所 示 。 其 中 ,类 型 编号 


不 能 更 改 , 只 能 更 改 该 编号 的 其 他 数据 。 设 计 思 路 与 setgkxll 网 页 相似 。 管 理 员 单 击 “ 提 交 ” 
按钮 Buttonl 后 将 数据 更 新 保存 到 ProdType 表 。 


图 12. 93 setsplxl 网 页 的 设计 界面 


12.8.16 “删除 下 架 的 商品 信息 ”功能 网 页 设计 


前 面 的 商品 下 架 功 能 只 是 将 Products 表 中 该 商品 信息 的 “有 效 否 ? 列 设置 为 0。 删 除 下 架 
功能 就 是 将 “有 效 否 ?为 0 的 商品 信息 从 Products 表 中 删除 。 
实现 删除 下 架 的 商品 信息 功能 的 网 页 为 deletexjproduct, 其 设计 界面 如 图 12. 94 所 示 。 
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主要 包含 一 个 GridViewl 控件 。 它 首先 从 Products 表 中 查找 出 所 有 “有 效 否 ”为 0 的 商品 信 
息 , 然 后 将 结果 在 GridViewl 控件 中 显示 。GridViewl 控件 中 有 一 个 “删除 否 ” 字 段 , 其 源 视图 
代码 如 下 : 


<asp:TemplateField HeaderText = "删除 否 "> 
< ItemTemplate > 
<asp:CheckBox ID = "CheckBoxl" runat = "server" /> 
</ItemTemplate> 
< HeaderStyle Font - Bold = "True" Font - Names = "隶书 " Font - Size= "18px" 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:TemplateField> 


图 12.94 ”deletexjproduct 网 页 的 设计 界面 


“确定 删除 ”按钮 Buttonl 的 单 击 事件 处 理 方法 如 下 : 


protected void Buttonl_Click(object sender, EventArgs e) 


{ string spno; // 商 品 编号 
CheckBox chkbox; // 复 选 框 对 象 
Jmage img; // 图 像 对 象 
int i; 
for (i = 0; i< GridView1.Rows.Count; i++) 
{ spno = GridView1.Rows[i].Cells[0].Text; // 提 取 该 行 的 商品 编号 


chkbox = GridView]l.Rows[i].FindControl("CheckBox1") as CheckBox; 
img = GridView1.Rows[i].FindControl("Imagel") as Image; 
if (chkbox. Checked) 


Update( spno, img. ImageUrl1); // 调 用 自 定义 过 程 进行 更 新 
} 


Response. Redirect(" 一 /dispinfo.aspx?info = 选择 的 下 架 商 品 信息 已 删除 !"); 
} 


protected void Update(string spno, string file) 
// 自 定义 过 程 ,用 DELETE 语句 删除 商品 信息 及 相应 的 图 像 文 件 
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{ mysql = "DELETE Products ”+ " WHERE 商品 编号 = " + spno + ""; 
mydb. ExecuteNonQuery(mysql); 
string filename = Server.MapPath(file); 
if (File. Exists(filename)) // 若 文件 filename 已 存在 
File. Delete(filename); // 删 除 filename 文件 
} 


“全 选 ” 命 令 按钮 allsel 的 单 击 事件 处 理 方法 如 下 : 


protected void allsel Click(object sender, EventArgs e) 
i int i; 
CheckBox chkbox; // 复 选 框 对 象 
for (i = 0; i< GridViewl.Rows.Count; i++) 
{ chkbox = GridView].Rows[i].FindControl("CheckBox1") as CheckBox; 
chkbox. Checked = true; 
} 


“全 不 选 ” 命 令 按 钮 allnosel 的 单 击 事件 处 理 方法 如 下 : 


protected void allnosel Click(object sender, EventArgs e) 
int i; 
CheckBox chkbox; // 复 选 框 对 象 
for (i = 0; i<GridView1.Rows.Count; i++) 
{ chkbox = GridView1.Rows[i].FindControl("CheckBoxl") as CheckBox; 
chkbox. Checked = false; 
} 


12. 8.17 “系统 初始 化 ”功能 网 页 设计 


系统 初始 化 功能 对 应 的 网 页 为 systeminit, 其 设计 界面 如 图 12. 95 所 示 。 当 管理 员 单 击 
“确定 ”按钮 Buttonl 时 实现 系统 初始 化 ,删除 所 有 数据 ,仅仅 在 Users 表 中 保留 一 个 管理 员 级 
别 的 用 户 system/manager。 


图 12. 95 systeminit 网 页 的 设计 界面 


系统 初始 化 的 事件 处 理 方法 如 下 : 


protected void Buttonl Click(object sender, EventArgs e) 
{ deltable("Area"); 

deltable("Comment"); 

deltable("Customers"); 

deltable( "Education"); 

deltable("OrderForm"); 
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deltable("ProdType" ); 
deltable("Products"); 
deltable("Sales"); 
deltable("ShoppingCart"); 
delusertable( "Users"); 
delpicture(); // 删 除 Picture 文件 夹 中 所 有 图 像 文 件 
Response. Redirect(" 一 /dispinfo.aspx?info= 系统 初始 化 完毕 !" 
+ "下 次 以 system/manager 管理 员 身 份 登录 "); 
protected void deltable( string tname) // 删 除 tname 表 中 所 有 记录 
{ CommDB mydb = new CommDB(); // 创 建 CommDB 类 对 象 
string mysql; 
mysql = "DELETE " + tname; 
mydb. ExecuteNonQuery( mysql); 
} 
protected void delusertable( string tname) // 删 除 用 户 表 中 记录 
{ CommDB mydb = new CommDB(); // 创 建 CommDB 类 对 象 
string mysql; 
mysql = "DELETE " + tname; 
mydb. ExecuteNonQuery(mysql); 
mysql = "INSERT INTO Users( 用 户 名 ,密码 ,类 型 ,有 效 否 ) " 
+ "VALUES( 'system', 'manager', ' 管 理 员 ',1)"; 
mydb. ExecuteNonQuery(mysql); 
} 
protected void delpicture() // 删 除 Picture 文件 夹 中 所 有 图 像 文件 
{ string path = Server.MapPath("~/Picture"); 
if (Directory. GetFileSystemEntries(path). Length > 0) 
{ ”// 遍 历 文件 夹 中 所 有 文件 
foreach (string file in Directory. GetFiles(path)) 
{ if (File.Exists(file)) // 若 文件 file 己 存在 
File. Delete(file); // 删 除 file 文件 
} 


} 


另外 ,管理 员 更 改 我 的 密码 功能 对 应 的 网 页 为 updatemanagerpass, 它 与 updatecustomerpass 
网 页 几乎 相同 ,这 里 不 再 介绍 。 


12.9 操作 员 功 能 网 页 设计 


知识 梳理 


操作 员 功 能 网 页 设计 操作 员 功 能 网 页 设计 方法 


12.9.1 操作 员 功 能 主页 设计 


当 操 作 员 进入 网 站 后 ,首先 显示 操作 员 功 能 主页 operatormenu, 其 设计 界面 如 图 12. 96 
所 示 。 它 是 基于 母 版 页 MasterPage. master 的 。 该 网 页 位 于 网 站 根 目录 下 , 它 所 调用 的 所 有 
网 页 都 放置 在 子 Operator 目录 中 。 
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上 商品 管理 
添加 新 型 号 商品 信息 hutpiflocalhost53379/dispinto 
更 新 老 商品 信息 


更 改 我 的 害 码 
退出 本 系统 


图 12. 96 ”operatormenu 网 页 的 设计 界面 


operatormenu 网 页 的 设计 思路 与 游客 功能 主页 touristmenu 的 设计 思路 相似 ,只 是 在 
TreeView1l 控件 中 列 出 操作 员 的 功能 项 。 


12.9.2 “添加 新 型 号 商品 信息 ”功能 主页 设计 


添加 新 型 号 商品 信息 功能 对 应 的 网 页 为 addnewProduct, 其 设计 界面 如 图 12. 97 所 示 。 
其 中 ,FileUploadl 控件 用 于 上 传 商品 的 图 像 文 件 。 


图 12.97 addnewProduct 网 页 的 设计 界面 


操作 员 输 入 正确 的 数据 后 , 单 击 “ 确 定 ” 按 钮 Button1, 引 发 的 事件 处 理 方法 如 下 : 


protected void Buttonl_ Click(object sender, EventArgs e) 
{ if (Page. IsValid) 
{ int i; 
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mysql = "SELECT x FROM Products WHERE 商品 编号 ='" + bhTextBox.Text + ""; 
i = mydb. Rownum(mysql); 


if (i>0) 
Labell. Text = "商品 编号 重复 ,不 能 添加 该 商品 记录 !"; 
else 
{ string filestr; // 商 品 图 片 文件 名 


if (FileUpload!1. HasFile) 
{ filestr = Server.MapPath("/") + "\\Picture\\" 
+ FileUploadl.PostedFile.FileName; 
try 
{ FileUploadl.PostedFile.SaveAs(filestr); 
Labell. Text = "提示 : 文件 成 功 上 传 到 " 
+ FileUploadl.PostedFile. FileName; 
} 
catch (Exception ex) 
i 
Labell.Text = "提示 : 文件 上 传 失 败 ," + ex. Message; 
和 


else 
{ ”Labell.Text = "提示 : 没有 指定 任何 要 上 传 的 图 片 文件 "; 

return; 
. 
mysql = "INSERT INTO Products( 商 品 编号 ,分 类 , 子 类 ,品牌 , 型号," 
"单价 ,库存 数量 , 图片, 有效 否 , 星 数 ,评论 数 ) VALUES("" 
bhTextBox. Text. Trim() + "'," 
DropDownList1. SelectedValue. ToString().Trim() + "'," 
DropDownList2. SelectedValue. ToString().Trim() + "'," 
DropDownList3. SelectedValue. ToString().Trim() + "'," 
xhTextBox. Text. Trim() + "'," 
priceTextBox. Text. Trim() + "," 
numTextBox. Text. Trim() + ","" 
"~//Picture//" + FileUpload1.PostedFile.FileName.Trim() + "',"" 
"1',0,0)"; 
mydb. ExecuteNonQuery(mysql); 
Response. Redirect(" 一 /dispinfo.aspx?info = 新 型 号 商品 已 成 功 添加 !"); 


市 


十 十 十 十 十 十 十 十 十 


Labell. Text = "提示 : 商品 信息 错误 ,不 能 添加 "; 
} 


例如 ,一 个 操作 员 添 加 1111 编号 的 商品 的 界面 如 图 12. 98 所 示 。 


bo J 
JD:\PictureM111. jpg 浏览. 


图 12.98 addnewProduct 网 页 的 执行 界面 
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说 明 : 在 建立 商品 库 时 , 先 将 商品 编号 等 信息 和 对 应 的 图 像 文件 准备 好 。 为 了 方便 ,最 好 
将 商品 图 像 文件 名 称 与 商品 编号 一 致 ,并 且 将 所 有 商品 图 像 文件 放 在 本 地 的 一 个 目录 中 ,这 里 
放 在 D:\Picture 目录 中 。 商 品 图 像 文 件 的 格式 应 是 浏览 器 可 以 显示 的 图 像 格 式 , 如 . jpg 格 
式 , 否 则 还 需要 安装 显示 图 像 文 件 的 插件 。 


12.9.3 “更 新 老 商品 信息 ”功能 主页 设计 


更 新 老 商品 信息 功能 由 updateoldProduct 和 updateoldProductl 两 个 网 页 实现 。 


1. updateoldProduct 网 页 设计 

updateoldProduct 网 页 和 dispcustomer 网 页 相似 ,其 设计 界面 如 图 12. 99 所 示 , 它 用 于 设 
置 查找 更 新 老 商 品 的 条 件 ,构成 一 个 条 件 字符 串 condstr, 继 而 生成 一 个 SELECT 语句 ,存放 
在 Session[ "sql" 会话 中 ,再 转向 updateoldProductl 网 页 。 


图 12.99 ”updateoldProduct 网 页 的 设计 界面 


2， updateoldProductl 网 页 设计 

updateoldProductl 网 页 的 设计 界面 如 图 12. 100 所 示 , 主 要 包含 一 个 GridViewl 控件 。 
它 首先 执行 Session[" sql"] 中 的 SELECT 语句 ,然后 将 结果 在 GridViewl 控件 中 显示 。 
GridViewl 控件 中 添加 有 “单价 ”和 “增加 库存 ”两 个 字段 ,其 源 视图 代码 如 下 : 


孝 据 时 定 ” 孝 据 名 定 数据 议定 阔 据 绑 定 数据 印 定 全 |] 
孝 据 针 定 ”数据 针 定 数据 导 定 数据 时 定 数据 绪 定 之。 数据 铸 定 [5 | 
教 据 针 定 ” 孝 据 绑 定 数据 计 定 数据 刻 定 | 孝 据 包 定 [SHE 站 | 
才 据 姥 定 i i mm | 


12.100 updateoldProductl 网 页 的 设计 界面 
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<asp:TemplateField HeaderText = "单价 "> 
< ItemTemplate > 
<asp:TextBox ID = "TextBox1" runat = "server" Height = "16px" 
Text = '<% # DataBinder. Eval(Container.DataItem, "单价 ") %>' 
Width = "48px"></asp:TextBox > 
</ItemTemplate > 
< HeaderStyle Font ~- Bold = "True" Font - Names = "隶书 " Font - Size = "18px" 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:TemplateField> 
<asp:TemplateField HeaderText = "增加 库存 "> 
< ItemTemplate> 
<asp:TextBox ID = "TextBox2" runat = "server" Height = "16px" 
Width = "40px"></asp:TextBox > 
</ItemTemplate > 
< HeaderStyle Font - Bold = "True" Font — Size = "18px" Font - Names = "隶书 " 
ForeColor = "Blue" /> 
< ItemStyle HorizontalAlign = "Center" /> 
</asp:TemplateField> 


操作 员 可 以 输入 “单价 ”和 “增加 库存 ”两 个 字段 值 ,其 他 字段 不 能 更 新 。 
当 操 作 员 单 价 “ 保 存 更 新 ”按钮 Buttonl 时 ,执行 如 下 事件 处 理 方法 实现 商品 信息 的 更 新 : 


protected void Buttonl Click(object sender, EventArgs e) 


{ // 保 存 更 新 
savedata( ); 
Labell. Text =" 当 前 页 的 商品 更 新 已 保存 "; 
} 
protected void savedata() // 自 定义 过 程 ,保存 商品 更 新 
{ string spno; // 商 品 编号 
TextBox djtxt; // 单 价 文本 框 
TextBox addkctxt; // 增 加 库存 文本 框 
int i; 
for (i = 0; i< GridViewl.Rows.Count; i++) 
{ spno = GridViewl.Rows[i].Cells[0].Text; // 提 取 该 行 的 商品 编号 
djtxt = GridViewl.Rows[i].FindControl("TextBox1") as TextBox; 
// 在 该 行 中 找 TextBoxl 控件 
addkctxt = GridView1.Rows[i].FindControl("TextBox2") as TextBox; 
// 在 该 行 中 找 TextBox2 控件 
Update(spno，djtxt. Text.Trim(),addkctxt. Text. Trim()); 
// 调 用 自 定义 过 程 进行 更 新 
} 
} 


protected void Update(string spno, string dj, string addkc) 
// 自 定义 过 程 ,用 UPDATE 语句 修改 商品 信息 
{ mysql = "UPDATE Products SET 单价 ="” + dj +", 库 存 数量 = 库存 数量 +" 
+ addkc + "WHERE 商品 编号 = '" + spno + "'"; 
mydb. ExecuteNonQuery(mysql1); 


12.9.4 “查看 新 订单 ”功能 主页 设计 
查看 新 订单 功能 对 应 的 网 页 为 dispnewod, 其 设计 界面 如 图 12. 101 所 示 。 它 在 GridViewl 
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控件 中 显示 OrderForm 表 中 使 用 处 理 否 列 为 0 的 订单 记录 。 


图 12.101 dispnewod 网 页 的 设计 界面 


当 操 作 员 单 击 “ 转 换 为 Excel 文件 ”按钮 Buttonl 时 ,执行 如 下 事件 处 理 方法 产生 包含 所 
有 未 处 理 订 单 的 Excel 文件 : 


protected void Buttonl Click(object sender, EventArgs e) 
{ 
export("abc. xls"); 
} 
protected void export( string filename) 
{ string mysqll; 
DataSet mydsl = new DataSet(); // 创 建 DataSet 对 象 
HttpResponse resp; 
resp = Page.Response; 
resp. ContentEncoding = System.Text.Encoding.GetEncoding("GB2312"); 
resp. AppendHeader( "Content ~ Disposition", "attachment;filename =" + filename); 
string colHeaders = "", ls_item = ""; 
string colHeadersl = "", ls_iteml = ""; 
// 定 义 表 对 象 与 行 对 象 , 同时 用 DataSet 对 其 值 进行 初始 化 
mysql = "SELECT 关 ” 
+ " FROM OrderForm" 
+ "WHERE 处 理 否 = 0 ORDER BY 订单 号 "; 
myds = mydb. ExecuteQuery(mysql, "OrderForm"); 
DataTable dt = myds.Tables["OrderForm"]; 
DataRow[ ] myRow = dt.Select(); 
int i = 0, j=0,c11; 
int cl = dt.Columns. Count; // 主 表 ( 订 单 表 ) 列 数 
// 取 得 主 数据 表 各 列 标题 ,各 标题 之 间 以 \t 分 割 ,最 后 一 个 列 标题 后 加 回 车 符 \n 
for (i = 0; i<cl; i++) 
{ if(i== (cl - 1)) // 最 后 一 列 ,加 \n 
colHeaders += dt.Columns[i].Caption.ToString() + "\n"; 
else 
colHeaders += dt.Columns[i].Caption.ToString() + "\t"; 
} 
foreach (DataRow row in myRow) // 逐 行 处 理 主 表 的 数据 
{ resp.Write(colHeaders); // 输 出 主 表 的 标题 信息 
// 当 前 行 数 据 写 人 HTTP 输出 流 ,并 且 置 空 1s_iten 以 便 下 行 数据 


ls_item = ""; 
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for (1 = 0; 4<els it+) 
{ 证 (== (cl -= 1) // 最 后 一 列 ,加 \n 
ls_item += row[i].ToString() + "\n"; 
else 
ls item += row[i].ToString() + "\t"; 
} 
resp. Write(ls_item); // 输 出 主 表 的 一 行 
mysqll = "SELECT x FROM Sales WHERE 订单 号 =" + row[0].ToString(); 
Labell. Text += row[0].ToString() + " "; 
mydsl = mydb.ExecuteQuery(mysqll, "Sales"); 
DataTable dt1 = mydsl.Tables["Sales"]; 
DataRow[ ] myRowl = dtl.Select(); 
cl1l = dt1.Columns. Count; // 子 表 列 数 
// 取 得 数据 表 各 列 标题 ,各 标题 之 间 以 \t 分 割 ,最 后 一 个 列 标题 后 加 回 车 符 \n 
colHeadersl = ""; 
for (j = 0; j<cll; j++) 
{ if(j== (cll - 1)) // 最 后 一 列 ,加 \n 
colHeadersl += dtl1.Columns[j].Caption.ToString() + "\n"; 
else 
colHeadersl += dtl.Columns[j].Caption.ToString() + "\t"; 
} 
resp. Write(colHeadersl1); // 输 出 子 表 的 标题 信息 
foreach (DataRow rowl in myRowl) // 逐 行 处 理子 表 数 据 
{ ls_ iteml = ""; 
// 当 前 行 数 据 写 人 HTTP 输出 流 ,并 且 置 空 1s_iteml 以 便 下 行 数据 
for (j = 0; j< cl1; j++) 
{ if(j== (cll- 1)) // 最 后 一 列 ,加 \n 
ls_iteml += rowl[j].ToString() + "\n"; 
else 
ls_iteml += rowl[j].ToString() + "\t"; 
’ 
resp. Write(ls_iteml); 
} 
} 
resp. End( ); 
} 


例如 ,操作 员 进 入 查看 新 订单 功能 ,如 图 12. 102 所 示 , 单 击 “ 转 换 为 Excel 文件 ”按钮 ,网 
页 下 方 出 现 “ 要 打开 或 保存 来 自 localhost 的 abc. xls 吗 ?” 对 话 框 , 单 击 “ 打 开 ” 按 钮 ,生成 的 
abc. xls 文件 如 图 12. 103 所 示 ,可 以 另存 储 到 其 他 文件 中 或 打印 ,然后 交 给 快递 员 发 货 。 


69 ”2015/7/220:00:00 ”whl 。 许 翔 ”华中 湖北 省 武汉 市 洪山 区 D 小 区 432 whl@l26.com 68779999 1 


70 2015/8/10:00:00 ”wh10 ” 许 冰 华中 湖北 省 武汉 市 武昌 区 中 山路 126 吕 whl0@sina.com 13988888888 1 


图 12. 102 dispnewod 网 页 的 执行 界面 
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Lg ca ea ll oe ool 0 
电话 “总 数量 总 金额 处 理 香 ”车 算 本 


武汉 市 洪山 区 D 小 区 432_vhle126. < 68779999 1 5669 FALSE FAL 

商品 编号 分 类 子 类 呈 牌 。 型号 数量 金额 

2121 电脑 办 公 笔记 本 i 5689 1 5689 

姓名 地 区 省 份 市 住址 邮箱 电话 总 数量 。 总 金额 ”处 理 否 。 结 夏 再 
许 冰 华中 期 北 省 武汉 市 武昌 区 。 中 山路 126 vbhl08sins 1. 4E+10 2 12659 FALSE | FALS 
商品 编号 分 类 子 类 品牌 型 号 单价 数量 金领 

70 浊音 wh10 2112 电脑 办 公 笔记 本 。 匣 尔 XPS13R-9: 8500 1 8500 

0 #4444488 hl 0 2122 电脑 办 公 笔记 本 ThinkPad E450-20DC 4159 1 4159 


图 12. 103 生成 的 abc. xls 文件 


12.9.5 “新 订单 处 理 ” 功 能 主页 设计 


新 订单 处 理 功 能 由 newodpross 和 newodprossl 两 个 网 页 实现 。 该 功能 是 操作 员 向 订单 
顾客 发 送 邮 件 , 表 明 订 单 已 经 处 理 。 

1. newodpross 网 页 设计 

newodpross 网 页 显示 所 有 尚未 处 理 的 新 订单 ,其 设计 界面 如 图 12. 104 所 示 。 当 操作 员 
单 击 某 个 订单 的 “选择 ”按钮 时 ,执行 如 下 事件 处 理 方 法 产生 邮件 内 容 并 指向 newodprossl 
网 页 : 


据 绑 定 教 据 绪 定 数据 针 定 数据 针 定 数据 绑 定 数据 饰 定 数据 电 定 数据 铸 定 数据 针 定 数据 时 定 教 据 绪 定 救 据 万 定 数据 时 定 。 “选择 | | 
| 据 饰 定 数据 绑 定 数据 绑 定 数据 孵 定 数据 铸 定 数据 做 定 数据 绑 定 数据 铸 定 教 据 铸 定 数据 铸 定 数据 铸 定 数据 铸 定 数据 佬 定 EE | 


据 绑 定 教 据 绑 定 数据 硅 定 数据 振 定 数据 雹 定 数据 多 定 数据 万 定 数据 时 定 数据 饰 定 数据 蛙 定 教 据 绪 定 炒 据 鬼 定 数据 大 定 。 选择 | 
据 绑 定 数据 铸 定 数据 绑 定 数据 铸 定 数据 敌 定 数据 绑 定 数据 铸 定 数据 铸 定 赦 据 钱 定 数据 铸 定 数据 比 定 数据 饰 定 数据 针 定 | 
据 纺 定 数据 绑 定 数据 姥 定 数据 包 定 孝 据 敌 定 教 据 绑 定 数据 贸 定 数据 敌 定 数据 绑 定 数据 铸 定 数据 绑 定 数据 旷 定 数据 贸 定 。 选择 | 


图 12. 104 newodpross 网 页 的 设计 界面 


protected void GridView1_SelectedIndexChanged(object sender, EventArgs e) 
{ string yjlr=""; 
string yx = GridView].SelectedRow.Cells[9].Text.ToString().Trim(); 
// 提 取 所 选 行 的 邮箱 
Session[ "yx"] = yx; 
string ddh = GridViewl.SelectedRow.Cells[0].Text.ToString().Trim(); 
// 提 取 所 选 行 的 订单 号 
Session["ddh" ] = ddh; 
string rq = GridViewl.SelectedRow.Cells[1].Text.ToString().Trim(); 
// 提 取 所 选 行 的 日 期 
string name = GridViewl.SelectedRow.Cells[3].Text.ToString().Trinm(); 
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} 


// 提 取 所 选 行 的 姓名 

string sf = GridViewl.SelectedRow.Cells[5].Text.ToString().Trim(); 
// 提 取 所 选 行 的 省 份 

string city = GridViewl.SelectedRow.Cells[6].Text.ToString().Trim(); 
// 提 取 所 选 行 的 城市 

string xm = GridViewl.SelectedRow.Cells[7].Text.ToString().Trim(); 
// 提 取 所 选 行 的 县 

string zz = GridViewl.SelectedRow.Cells[8].Text.ToString().Trim(); 
// 提 取 所 选 行 的 住址 

string dh = GridViewl.SelectedRow.Cells[10].Text.ToString().Trim(); 
// 提 取 所 选 行 的 电话 

string zsl = GridView1. SelectedRow. Cells[11].Text.ToString().Trim(); 
// 提 取 所 选 行 的 总 数量 

string zjr = GridViewl.SelectedRow.Cells[12].Text.ToString().Trim(); 
// 提 取 所 选 行 的 总 金额 

yjlr += "亲爱 的 ”+ name + ":\r\n"; 

yjlr += "” 你 于 " + rq + "在 本 商务 网 站 下 了 订单 \r\n"; 

yjlr += ” 共 订 购 了 ”+ zsl +“ 件 商品 ,总 金额 是 ”+ zjr + "元 \r\n"; 

yjlr += " 订单 号 是 :" + ddh + "\r\n"; 

yjlr += " 收 件 人 地 址 是 : " + sf + city + xm + zz + "\r\n"; 

Yjlr += " 收 件 人 电话 是 :" + dh + "\r\n"; 

Yjlr += "请 你 注意 查收 快件 并 货 到 付款 ,谢谢 !!!, 欢 迎 下 次 光临 "; 


Session[ "yjlr"] = yjlr; 
Response. Redirect ("newodprossl.aspx" ); 


2. newodprossl 网 页 设计 


newodprossl 网 页 显示 邮件 内 容 , 其 设计 界面 如 图 12. 105 所 示 。 当 操作 员 单 击 “ 发 送 ” 按 
钮 时 ,执行 如 下 事件 处 理 方法 发 送 该 邮件 : 


图 12. 105 newodprossl 网 页 的 设计 界面 


protected void Buttonl_ Click(object sender, EventArgs e) 


. 


MailMessage mail = new MailMessage(); 

mail. To. Add(new MailAddress(TextBox]. Text. Trim( ))); 
mail.From = new MailAddress("abc@126.com"); 

mail. Subject = TextBox2.Text; 

mail.Body = TextBox3.Text.Trim(); 
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mail.Priority = MailPriority.High; 
SmtpClient smtpmail = new SmtpClient(); 
smtpmail. DeliveryMethod = SmtpDeliveryMethod. Network; 
// 指 定 电子 邮件 发 送 方式 为 Network 

smtpmail. Host = "smtp.126.com"; // 指 定 smtp 服务 器 地 址 
smtpmail. Credentials = 

new System. Net. NetworkCredential("abc", "1234"); // 认 证 
try 
和 

smtpmail. Send(mail); 
} 
catch (Exception ex) 
人 

Labell.Text = "出 错 提示 : ”+ ex. Message + ", 请 按 返回 按钮 "， 
} 
string mysql; //sQL 表达 式 
CommDB mydb = new CommDB() // 创 建 CommDB 类 对 象 
mysql = "UPDATE OrderForm SET 处 理 否 = 1 WHERE 订单 号 = 

+ Session["ddh"].ToString().Trim() + ""™"; 
mydb. ExecuteNonQuery(mysql); 
Response. Redirect( "newodpross. aspx" ); 
} 


其 中 ,abc@126. com 是 本 网 站 服务 商 注 册 的 服务 邮箱 ,密码 为 1234, 它 需要 邮箱 服务 商 
认证 。 

例如 ,操作 员 发 给 wh10 顾客 的 邮件 如 图 12. 106 所 示 。 单 击 “ 发 送 ” 按 钮 即 可 发 送 该 邮件 
(邮件 中 的 内 容 是 由 本 网 站 自动 生成 的 )。 


亲爱 的 许 冰 : 
你 于 2015/8/1 0:00:00 在 本 商务 网 站 下 了 订单 
ple hi 2 件 商品 ， 总 金额 是 12659 元 


是 :70 
收 件 人 地 址 是 : 湖北 省 武汉 市 武昌 区 中 山路 126 号 
收 件 :13988888888 
请 你 注意 查收 快件 并 贷 到 付款 ， 谢谢 111, 欢 迎 下 次 光临 


图 12. 106 newodprossl 网 页 的 执行 界面 


12.9.6 “新 订单 结算 处 理 ” 功 能 主页 设计 


当 快 递 员 已 经 将 货物 送 给 顾客 ,并 收 款 后 通知 操作 员 ,操作 员 进 行 收 货 处 理 , 即 新 订单 结 
算 处 理 , 对 应 的 网 页 为 receiptprocess。 其 设计 界面 如 图 12. 107 所 示 。 

界面 中 通过 一 个 GridViewl 控件 显示 OrderForm 表 中 所 有 “结算 否 ” 列 为 0 的 订单 记录 ， 
操作 员 勾 选 所 有 需要 结算 的 订单 后 的 复 选 框 。 单 击 “ 确 定 ” 按 钮 。 

本 网 页 的 设计 思路 与 12. 8. 16 节 的 deletexjproduct 网 页 设计 相似 。 
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图 12. 107 ”receiptprocess 网 页 的 设计 界面 


另外 ,操作 员 更 改 我 的 密码 功能 对 应 的 网 页 为 updateoperatorpass, 它 与 updatecustomerpass 
网 页 几乎 相同 ,这 里 不 再 介绍 。 


附录 A 部 分 练习 题 参 考 答案 


第 1 章 练习 题 
1. 单项 选择 题 
Cy (2)B (3) D (4) B (5) B 
(6) A (7) B (8) A (9) A (10) B 
(11)D (C123C (13) B (14) A 
2. 问答 题 


(1)【 答 〗 电子 商务 是 指 交易 当事人 或 参与 人 利用 计算 机 技术 和 网 络 技 术 等 现代 信息 技 
术 所 进行 的 各 类 商务 活动 。 和 传统 商务 比较 ,电子 商务 的 交易 对 象 是 面向 全 球 的 ,交易 时 间 是 
24 小 时 ,以 及 它 的 营销 活动 是 一 对 一 ,而 且 它 的 销售 地 点 是 一 个 虚拟 空间 ,顾客 可 以 按 自 己 的 
方式 自由 购物 ,另外 ,企业 能 迅速 捕捉 顾客 的 需求 ,及 时 应 对 ; 此 外 ,在 具体 运作 过 程 中 ,电子 
商务 也 是 不 同 的 , 它 交 易 前 的 准备 是 通过 交易 双方 的 网 址 和 主页 完成 的 ,在 贸易 磋商 过 程 中 是 
用 电子 化 的 记录 ,文件 或 报 文 在 网 上 传递 ,而 交易 双方 签订 的 是 电子 合同 ,其 支付 方式 是 用 信 
用 卡 .电子 支票 .电子 现金 和 电子 钱包 。 

(4)【 答 】 静态 网 页 以 HTML 源 文件 的 形式 存储 在 服务 器 端的 存储 设备 上 , 当 服 务 器 接 
收 到 浏览 器 的 页 面 请 求 时 ,服务 器 直接 从 存储 设备 上 找到 相应 的 HTML 源 文件 ,发 给 浏览 
器 。 动 态 网 页 在 服务 器 端 不 直接 存储 , 当 服务 器 接收 到 浏览 器 的 页 面 请 求 时 ,服务 器 启动 特定 
的 程序 代码 ,动态 生成 相应 的 HTML 网 页 文件 ,然后 发 送 给 浏览 器 。 


第 2 章 练习 题 
1. 单项 选择 题 
(1) A 《2 (3) B (4) C (5) B 
(6) D (7) B (8) D (9) B 10%C 
第 3 章 练习 题 
1. 单项 选择 题 
(1 面 2 二 (3) A (4) B (5) A 
(6) B (rN (8) C (9) A (10) C 
(DA (ery 《37C (14) B (15) D 
(16) A 
2. 问答 题 


(4)【〖【 答 】 二 input name 一 "TextBoxl" type 二 "text" id 一 "TextBoxl"” /二 
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第 4 章 练习 题 
1. 单项 选择 是 
(1) D (2) A (3) D aD (5) A 
(6) C TE (8) D (9) C (10) D 


(11) C (12) C (13) D (14) B (15) D 
(16) D (17) D (18) C (19) A (20) C 


第 5 章 练习 题 
1. 单项 选择 题 
(1) D 《2 (3) B (4) B (5) B 
(6) D (7) B (8) D (9) C (10) D 
(11) D (12) A 《137 € (14) D (15) D 
(16) C (17) B (18) C (19) B (20) D 
Caly A (22) C 
2. 问答 题 


(3)【 答 】 弹出 警告 框 ,显示 403070。 
(4)【 答 】 fun 函数 如 下 : 


function fun(obj) 
{ ”var mystr = "显示 文本 :" + obj.options[obj. selectedIndex]. text 
+ ", 值 :" + obj.options[obj. selectedIndex].value; 
alert(mystr); 
} 


(5)【 答 〗 foo 函数 如 下 : 


function foo() 
{ varrg = document. getElementsByName("radioGroup"); 
for (var i = 0; i<rg.length; i++) 
{ if (rg[i].checked) 
alert(" 你 选择 了 第 ”+ (i + 1) + "个 选项 "); 
} 
} 


(6)【 答 〗 JavaScript 函数 如 下 : 


function find(x) 
{ 

returnx%3 = 一 08 工人 5 == 0SEY 和 7 == 0; 
} 
function disp() 
{ varmystr = ""; 

varn, nb = 0; 

for (nn = 1; n< 1000; n++) 

{ 证 (find(n)) 

{ if(nb % 6>0) mystr += ","; 
nb++; 
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mystr + =n; 
if (nb % 6 == 0) mystr += "\n"; 
} 
} 
mystr + ="\n 共 有 ”+ nb + "个 数 "; 
document. getElementById("textareal").value = mystr; 
} 


(7)【 答 〗 JavaScript 函数 setnull 如 下 : 


function setnull() { 
var txts = document. getElementsByTagName("input"); 
for (var i=0;i<txts.1length;i++) 
if (txts[i].type == "text") 
txts[il].value = ""; 


第 6 章 练习 题 
1. 单项 选择 题 
(1)B 2》 © 《37 © (4) D (5) A 
(6) A YB (8)C (9)C (10) B 
IC (12) B 《37C (14) D (15) B 
2. 问答 题 


(1)【 答 】 从 值 类 型 接口 转换 到 引用 类 型 装 箱 。 从 引用 类 型 转换 到 值 类 型 拆 箱 。 

(2)【〖【 答 】 string str 二 null 是 不 给 str 变量 分 配 内 存 空间 ,而 string str = 二"" 是 给 str 分 
配 长 度 为 空 字符 串 的 内 存 空 间 。 

(4)【 答 】 private 表示 私有 成 员 , 在 类 的 内 部 才 可 以 访问 。protected 表示 保护 成 员 ,该 
类 内 部 和 继承 类 中 可 以 访问 。public 表示 公共 成 员 , 完 全 公开 ,没有 访问 限制 。internal 表示 
在 同一 命名 空间 内 可 以 访问 。 

(5)【 答 】 会 执行 ,在 return 前 执行 。 

(6)【 答 】 重 载 是 方法 的 名 称 相同 ,参数 或 参数 类 型 不 同 ,进行 多 次 重 载 以 适应 不 同 的 需 
要 。override 是 进行 基 类 中 函数 的 重 写 ,为 了 适应 多 态 性 。 

(7)【 答 】 委托 可 以 把 一 个 方法 作为 参数 代入 另 一 个 方法 。 委 托 可 以 理解 为 指向 一 个 函 
数 的 引用 。 事 件 是 一 种 特殊 的 委托 。 

(8)【 答 〗 Buttonl_Click 事件 处 理 方法 如 下 : 


protected void Button1_Click(object sender, EventArgs e) 
{ intn = 2,1i; 
string mystr = ""; 
bool isprime; 
while (n<= 100) 
{ isprime = true; 
i= 2; 
while (i<n) 
{ if (n % i == 0) 
{ isprime = false; 
break; 
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i 
} 
if (isprime) 
mystr += n+ ""; 
nt+; 
} 
Labell. Text = mystr; 
} 


(9)【 答 】 Buttonl_Click 事件 处 理 方法 如 下 : 


protected void Button1_Click(object sender, EventArgs e) 
{ ArrayList myList = new ArrayList(); 

Random rnd = new Random(); 

while (myList. Count <10) 

{ int num = rnd.Next(1, 101); 

if (!myList. Contains(num)) 
myYList. Add(num); 

} 

Labell. Text = ""; 

foreach (int item in myList) 

Labell. Text += item.ToString() + " "; 
} 


(10)【 答 】 @O 类 A 中 的 成 员 a 是 属性 成 员 。 
@ 显示 结果 为 a=1,b==2。 


第 7 章 练习 题 
1. 单项 选择 题 
aD (2) A (3) A (4) C (5) D 
C6 © C7 D 《8 站 (9) A (10) D 
Ciiy BD 12 D 《区 7 (14) C (15) B 


(16) A 《17》 C (18) B (19) D (20) A 

(21) A (22) A (23) B (24) C (25) D 

(26) B (27) A (28) D ‘29)D (30) B 

2. 问答 题 

(1)【 答 】 服务 器 控件 是 指 在 服务 器 上 执行 程序 逻辑 的 组 件 ,通常 具有 一 定 的 用 户 界面 。 
服务 器 控件 包含 在 ASP .NET 网 页 中 , 当 执行 网 页 时 ,用 户 与 控件 发 生 交互 行为 ; 当 网 页 提交 
时 ,控件 可 在 服务 器 端 引发 事件 ,根据 相关 事件 处 理 程序 来 进行 事件 处 理 。 

(2)【 答 】 服务 器 控件 的 特点 是 具有 runat 王 "server" 属 性 。 当 ASP .NET 网 页 被 执行 
时 ,会 检查 网 页 上 的 标记 有 无 runat 二 "server" 属 性 ,如 果 没 有 就 会 被 直接 发 送 到 客户 端的 浏 
览 器 进行 解析 ,如 果 有 则 表示 这 个 控件 可 以 被 ASP .NET 引擎 所 控制 ,需要 等 到 程序 执行 完 
毕 再 将 HTML 控件 的 执行 结果 发 送 到 客户 端 浏览 器 。 

(3)【 答 】 HTML 服务 器 控件 在 服务 器 端 执行 完成 后 ,发 送 到 客户 端的 是 生成 的 
HTML 元 素 。 

(5)〖 答 】 将 其 AutoPostBack 属性 设置 为 true 即 可 。 


附录 A 部 分 练习 题 参 考 答 案 471 


(6)【 答 】 ASP .NET 中 有 这 些 验证 控件 : RequiredFieldValidator( 非 空 验证 ) 控 件 用 于 
检查 是 否 有 输入 值 ; CompareValidator( 比 较 验 证 ) 控 件 用 于 按 设 定 比 较 两 个 输入 是 否 相 同 ; 
RangeValidator( 范 围 验 证 ) 控 件 用 于 验证 输入 是 否 在 指定 范围 ; RegularExpressionValidator 
(正则 表达 式 验 证 ) 控 件 用 于 验证 是 否 与 指定 的 正则 表达 式 匹 配 ; CustomValidator( 自 定义 验 
证 ) 控 件 用 于 验证 是 否 满足 指定 的 条 件 ; ValidationSummary( 验 证 总 结 ) 控 件 用 于 集中 验证 信 
息 处 理 。 


第 8 章 练习 题 
1. 单项 选择 题 
yD 2) BD (3) A (4) A (5) D 
(6) D (7) A (8) C (9) A (10) C 
(DB (12) A (13) C (14) D (15) D 


(16) 也 (17) A (18) B (19) B (20) A 

S17. (22) D 

2. 问答 题 

(1)【 答 〗 ASP .NET 中 的 内 置 对 象 有 Page 对 象 .Response 对 象 .Request 对 象 .Server 
对 象 .Application 对 象 ,Session 对 象 . Cookie 对象 等 。 

(2)【 答 〗 Page. IsPostBack 属性 和 Page. IsValid 属性 都 是 只 读 的 。Page. IsSPostBack 属 
性 为 True 时 表示 当前 网 页 是 为 响应 客户 端 回 传 (PostBack , 指 网 页 及 操作 状态 传 回 服务 器 ) 而 
加 载 ,为 False 时 表示 首次 加 载 和 访问 网 页 。 

Page. IsValid 属性 指示 网 页 上 的 验证 控件 是 否 验证 成 功 。 若 网 页 验证 控件 全 部 验证 成 
功 ,该 值 为 True, 和 否则 为 False。 

(3)【 答 】 Cookie 与 Session 类 似 , 也 是 用 来 保存 相关 信息 的 ,但 Cookie 与 Session 最 大 
不 同 是 ,Cookie 将 信息 保存 在 客户 端 ,而 Session 保存 在 服务 器 端 。Cookie 机 制 采用 的 是 在 客 
户 端 保持 状态 的 方案 ,而 Session 机 制 采用 的 是 在 服务 器 端 保持 状态 的 方案 ,由 于 采用 服务 器 
端 保持 状态 的 方案 在 客户 端 也 需要 保存 一 个 标识 ,所 以 Session 机 制 需要 借助 于 Cookie 机 制 
来 达到 保存 标识 的 目的 。 

(4)【 答 〗 Application 对 象 被 整个 应 用 程序 所 共享 ,因此 在 使 用 Application 对 象 存 储 或 
读 取 数据 时 ,为 了 保证 数据 的 一 致 性 必须 对 Application 对 象 进行 加 锁 , 即 在 同一 时 刻 只 允许 
一 个 用 户 对 Application 对 象 中 的 数据 进行 修改 。 引 入 了 Lock 和 Unlock 方法 ,在 使 用 前 用 
Lock 方法 对 Application 加 锁 , 使 用 后 用 Unlock 方法 对 其 解锁 ,可 以 防止 其 他 用 户 修 改 存储 
在 Application 对 象 中 的 变量 ,直到 用 户 使 用 Unlock 方法 或 超时 才 可 再 次 修改 。 

(5)【 答 〗 ASP .NET 网 页 之 间 常 用 的 几 种 传递 值 的 方式 如 下 : 

Q@ 使 用 URL 传 值 。 例 如 ,A 网 页 有 : 


Response. Redirect("B.aspx?a= 值 sb= 值 "); 
B 网 页 获取 传递 值 : 


stringa = Request. QueryString["a"]; 
string b = Request. QueryString["b"]; 
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@ 使 用 Session 传 值 。 例 如 ,A 网 页 有 : 
Session["a"] = 值 ; 

Session["b"] = 值 ; 

Response. Redirect("B.aspx"); 


B 网 页 获取 传递 值 : 


string a= Session["a"].ToString(); 
string b= Session["b"].ToString(); 


@ 使 用 Cookie 传 值 。 例 如 ,A 网 页 有 : 


HttpCookie mycookie = new HttpCookie("cookie"); 

mycookie. Value = 值 ; 

mycookie. Expires = DateTime. Now.AddMinutes(1); // 保 存 1 分钟 
Response. Cookies. Add( mycookie); 

Response. Redirect("B.aspx"); 


B 网 页 获取 传递 值 : 
string mystr = Request. Cookies["cookie" ]. Value; 
@ 使 用 Application 传 值 。 例 如 ,A 网 页 有 : 


Application["a"] = 值 ; 
Application["b"] = 值 ; 
Response. Redirect("B.aspx"); 


B 网 页 获取 传递 值 : 


Application. Lock( ); 

string a= Application[ "a"]; 
string b= Application["b"]; 
Application. UnLock( ); 


(6)【 答 】 Application 和 Session 对 象 将 数据 存储 在 服务 器 端 。ViewState 和 Cookie 对 


象 将 数据 存储 在 客户 端 。 
(7)【 答 】 ViewState 的 优 缺 点 如 下 。 


优点 : 和 Application、Session 相 比 耗费 的 服务 器 资源 较 少 ,视图 状态 数据 都 写 人 了 客户 
端 计算 机 中 ; 易于 维护 。 默 认 情 况 下 , .NET 系统 自动 启用 对 控件 状态 数据 的 维护 ; 增强 的 
安全 功能 。 视 图 状态 中 的 值 经 过 哈 希 计算 和 压缩 ,并 且 针 对 Unicode 实现 进行 编码 ,其 安全 性 


要 高 于 使 用 隐藏 域 。 


缺点 : 由 于 视图 状态 存储 在 网 页 中 ,因此 如 果 存 储 较 大 的 值 ,即使 在 视图 状态 分 块 的 情况 
下 ,用 户 显示 网 页 和 发 送 网 页 时 的 速度 仍然 可 能 减 慢 ; 视图 状态 存储 在 网 页 上 的 一 个 或 多 个 
隐藏 域 中 ,虽然 视图 状态 以 哈 希 格式 存储 数据 ,但 能 被 自 改 ,如 果 直 接 查 看 网 页 输出 源 , 能 看 到 


隐藏 域 中 的 信息 ,这 导致 潜在 的 安全 性 问题 。 
(8)【 答 】 对 应 的 事件 处 理 方法 如 下 : 


protected void Button1_Click(object sender, EventArgs e) 
{ foreach (Control cnt in Page. Form. Controls) 
if (cnt is TextBox) 
(cnt as TextBox). Text = string. Empty; 
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第 9 章 练习 题 
1. 单项 选择 题 
(DA (2) B 《用 (4) C (5) A 
(6) B (7) D (8) A (9) A CiojG 
(11) A (12) D (13) B (14) B (15) B 
(16) D 
2. 问答 题 


(2)【 答 】 一 个 网 页 应 用 主题 的 几 种 方式 如 下 : 

Q@ 在 网 页 的 页 指令 中 指定 主题 。 

@ 在 代码 中 指定 主题 。 

@ 在 web. config 文件 中 指定 主题 。 

@ 设置 网 页 的 StyleSheetTheme 属性 指定 样式 表 主 题 。 

(3)【 答 】 母 版 页 的 运行 过 程 如 下 : 

Q@ 用 户 通过 输入 内 容 页 的 URL 来 请 求 某 个 网 页 。 

@ 获取 该 页 之 后 , 读 取 @ Page 指令 。 如 果 该 指令 引用 一 个 母 版 页 , 则 将 读 取 该 母 版 页 。 


如 果 是 第 一 次 请 求 这 两 个 网 页 , 则 两 个 网 页 都 要 进行 编译 。 


@ 将 包含 更 新 内 容 的 母 版 页 合并 到 内 容 页 的 控件 中 。 
@ 各 个 Content 控件 的 内 容 合并 到 母 版 页 中 相应 的 ContentPlaceHolder 控件 中 。 最 后 


浏览 器 将 呈现 得 到 后 的 合并 页 。 


(4)【 答 〗 母 版 页 的 优点 如 下 : 

J@ 母 版 页 可 以 把 网 站 相同 的 部 分 抽 离 出 来 ,使 得 程序 风格 统一 。 

@ 使 用 母 版 页 可 以 集中 处 理 网 页 的 通用 功能 ,以 便 只 在 一 个 位 置 上 进行 更 新 。 

@ 使 用 母 版 页 可 以 方便 地 创建 一 组 控件 和 代码 ,并 将 结果 应 用 于 一 组 网 页 ,如 可 以 在 母 


版 页 上 使 用 控件 来 创建 一 个 应 用 于 所 有 页 的 菜单 。 


@ 通过 控制 内 容 占 位 符 控件 的 呈现 方式 , 母 版 页 可 以 在 细节 上 控制 最 终 页 面 的 布局 。 
(6)【 答 】 web. sitmap 文件 是 网 站 的 一 个 地 图 文件 。SiteMapDataSource 控件 可 以 绑 定 


到 站 点 地 图 数据 ,并 基于 站 点 地 图 层次 结构 中 指定 的 起 始 节点 ,在 Web 服务 器 控件 中 显示 其 


视图 。 
使 用 TreeView 控件 进行 站 点 导航 时 ,可 以 通过 与 SiteMapDataSource 控件 集成 实现 网 页 
的 菜单 功能 。 
第 10 章 练习 题 
1. 单项 选择 题 
(1) A (2) B 《3) C (4) C SYD 
(6) 也 (7 ) A (8) C (9) D (10) A 


(11) B (12) B (13) B (14) A (15) B 
(16) A (17) A (18) C 《19y 四 (20) A 
(21) B (22) B (23) A (24) A (25) D 
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2. 问答 题 

(2)【〖【 答 】 Connection 对 象 用 于 数据 库 连 接 , DataSet 对 象 作 为 数据 存储 器 ， 
DataCommand 对 象 执行 SQL 命令 ,DataAdapter 对 象 获取 数据 集合 并 填充 DataSet 对 象 。 

(3)【 答 】 Q@ 先 声 明 一 个 DataAdapter 对 象 , 然 后 将 DataAdapter 对 象 的 SelectCommand 属 
性 设置 为 一 个 有 效 的 Command 对 象 。 

@ 创建 DataAdapter 对 象 时 指定 Command 对 象 。 

@ 创建 DataAdapter 对 象 时 指定 Select 语句 或 者 存储 过 程 和 Connection 对 象 。 

@ 创建 DataAdapter 对 象 时 指定 Select 语句 或 者 存储 过 程 和 连接 字符 串 。 

(4)【〖【 答 】 DataReader 对 象 和 DataSet 对 象 最 大 的 区 别 是 ,DataReader 对 象 使 用 时 始终 
占用 SqlConnection ,在 线 操作 数据 库 , 任 何 对 SqlConnection 的 操作 都 会 引发 DataReader 的 
异常 。 因 为 DataReader 每 次 只 在 内 存 中 加 载 一 条 数据 ,所 以 占用 的 内 存 是 很 小 的 。 由 于 
DataReader 的 特殊 性 和 高 性 能 ,所 以 DataReader 对 象 读 了 第 一 条 记录 后 就 不 能 再 去 读 取 第 
一 条 记录 了 。 

DataSet 对 象 则 将 数据 一 次 性 加 载 在 内 存 中 ,抛弃 数据 库 连 接 , 读 取 完 毕 即 放弃 数据 库 连 
接 。 由 于 DataSet 将 数据 全 部 加 载 在 内 存 中 ,所 以 比较 消耗 内 存 。 但 是 确 比 DataReader 要 灵 
活 , 可 以 动态 地 添加 行 、 列 和 数据 ,对 数据 库 进行 回 传 更 新 操作 。 

(5)【〖【 答 】 一 种 是 使 用 DataReader 对 象 ; 另 一 种 是 使 用 DataAdapter 对 象 。 


第 11 章 练习 题 


1. 单项 选择 题 
‘(1B (2) A (3)B (4) C (5) B 
(6) C (7) 了 B (8) D (9) B (10) A 


(11) A (12) B (13) A (14) B (15) C 

(16) D (17) C (18) A 

2. 问答 题 

(3)【 答 】 GridView 控件 提供 了 很 多 内 置 功能 ,包括 可 以 对 控件 中 的 项 进行 排序 .更 新 、 
删除 .选择 和 分 页 。 

(4)【 答 】 需要 将 AllowPaging 属性 设置 为 True, 并 设置 PageSize 属性 为 每 页 的 记录 
个 数 。 
(5)【 答 】〗 需要 将 GridView 控件 的 DataSourceID 属性 设置 为 该 数据 源 控 件 的 ID 值 。 
GridView 控件 自动 绑 定 到 指定 的 数据 源 控件 ,并且 可 利用 该 数据 源 控 件 的 功能 来 执行 排序 、 
更 新 ,删除 和 分 页 。 

(6)【 答 】 可 以 通过 “字段 ”对 话 框 向 GridView 控件 添加 ButtonField( 按 钮 ) 字 段 。 在 单 
击 GridView 控件 中 的 按钮 时 ,将 引发 RowCommand 事件 ,所 以 可 以 使 用 RowCommand 事件 
向 控件 添加 自 定 义 功能 。 

(7)【 答 】 GridView 控件 支持 删除 模式 ,在 该 模式 下 用 户 可 以 从 数据 源 中 删除 当前 行 。 
无 须 编写 任何 代码 就 可 以 将 删除 功能 添加 到 GridView 控件 中 。 只 需要 将 GridView 控件 的 
AutoGenerateDeleteButton 属性 设置 为 True 便 启用 删除 功能 。 


附录 B 上 机 实验 题 参考 答案 


第 4 章 上 机 实验 题 


2 上 机 实验 题 设计 
本 实验 题 网 页 的 源 视 图 代码 如 下 ,从 中 可 以 看 出 网 页 的 设计 思 


<!DOCTYPE html > 
<html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
<meta http— equiv = "Content - Type" content = "text/html; charset = utf — 8"/> 
<title></title> 
< style type = "text/css"> 
<! -这 里 放置 上 机 实验 题 所 给 的 样式 定义 -> 
</style> 
</head> 
<body> 
<form id= "forml"> 
< table class = "auto - tabstyle"> 
<tr> 
<td colspan = "2" class = "auto - captionstyle"> 我 的 信息 </td> 
</tr> 
<tr> 
<td style = "width:80px; height:25px" class = "auto - tagstyle"> 学 号 </td> 
<td style = "width:170px; height:25px;"> 
< input id = "Text1" type= "text" /> 
</td> 
</tr> 
<tr> 
<td class = "auto- tagstyle"> 姓 名 </td> 
<td>< input id = "Text2" type= "text" /></td> 
</tr> 
<tr> 
<td class = "auto- tagstyle"> 性 别 </td> 
<td> 
< input id = "Radiol" checked = "true" name = "sex" type = "radio" value = " 男 " /> 男 
< input id = "Radio2" name = "sex" type= "radio" value= " 女 " /> 女 
</td> 
</tr> 
<tr> 
<td class = "auto- tagstyle"> 民 族 </td> 
<td> 
< select id = "Select1" name = "D1" style= "width:100px;height:25px"> 
< option > 汉族 </option> 
< option > 回族 </option> 
< option > 满族 </option> 
< option > 其 他 </option> 
</select> 
</td> 
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</tr> 
<tr> 
< td colspan = "2" style = "text - align:center;"> 


< input id = "Button1l" type = "button" value = "提交 " /> &nbsp; &nbsp; 
< input id= "Resetl" type = "reset" value = " 重 置 " /> 
</td> 
</tr> 
<tr> 


<tdcolspan= "2" > 
< textarea id = "TextAreal" name = "S1" style= "width:100% "></textarea> 
</td> 
</tr> 
</table> 
</form> 
</body> 
</html > 
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2 上 机 实验 题 设计 
本 实验 题 网 页 的 源 视图 代码 如 下 ,从 中 可 以 看 出 网 页 的 设计 思路 : 


<! DOCTYPE html > 
< html xmlns = "http://www. w3.org/1999/xhtml"> 
<head> 
< meta http - equiv = "Content - Type" content = "text/html; charset = utf ~- 8"/> 
<title></title> 
< script language = "javascript" type = "text/javascript"> 
function disp() { 
Var xh = document. getElementById("Text1").value; 
var xm = document. getElementById("Text2").value; 


var xb = ""; 

if (document. getElementById("Radiol").checked) 
xb = " 男 "; 

else 
xb = " 女 "; 


var mz = document.getElementById("Select1"). value; 
var mystr = "你 的 信息 : "; 
mystr += "学 号 为 " + xh + ", 姓 名 为 "+ xm + ", 性 别 为 ”+ xb +", 民 族 为 ”+ mz; 
document. getElementById("TextAreal").value = mystr; 
} 
</script > 
< style type = "text/css"> 
<! -这 里 放置 上 机 实验 题 所 给 的 样式 定义 -> 
</style> 
</head> 
<body> 
<form id = "form1"> 
<table class = "auto - tabstyle"> 
<tr> 
<td colspan = "2" class = "auto - captionstyle"> 我 的 信息 </td> 
</tr> 
<tr> 
<td style= "width:80px; height:25px" class = "auto— tagstyle"> 学 号 </td> 
<td style= "width:170px; height:25px; "> 
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< input id = "Text1" type= "text" /> 
</td> 
</tr> 
<tr> 
<td class = "auto- tagstyle"> 姓 名 </td> 
<td>< input id= "Text2" type= "text" /></td> 
</tr> 
<tr> 
<td class = "auto- tagstyle"> 性 别 </td> 
<td> 
< input id = "Radiol" checked = "true" name = "sex" type = "radio" value = " 男 " /> 男 
< input id= "Radio2" name = "sex" type= "radio" value= " 女 " /> 女 
</td> 
</tr> 
<tr> 
<td class = "auto- tagstyle"> 民 族 </td> 
<td> 
< select id = "Selectl" name = "D1" style = "width:100px;height :25px"> 
< option > 汉族 </option> 
< option > 回族 </option> 
< option > 满族 </option > 
< option > 其 他 </option> 
</select> 
</td> 
</tr> 
<tr> 
<td colspan = "2" style= "text -align:center;"> 
< input id= "Button1" type = "button" value = "提交 "onclick = "disp()" /> 
Snbsp; &nbsp; 
< input id = "Resetl" type = "reset" value = " 重 置 " /></td> 
</tr> 
<tr> 
<td colspan = "2" > 
< textarea id = "TextAreal" name = "S1" style= "width:100$ "></textarea> 
</td> 
</tr> 
</table> 
</form> 
</body> 
</html > 
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2 上 机 实验 题 设计 
按照 本 上 机 实验 题 的 设计 界面 设计 好 后 ,在 Buttonl 命令 按钮 上 设计 如 下 事件 处 理 方法 : 


protected void Button_Click(object sender, EventArgs e) 
{ int n; 
ArrayList myarr = new ArrayList(); 
Random obj = new Random(); 
Labell. Text = ""; 
for (int i = 0; i< 20; i++) 
{ n = obj.Next(1, 21); 
myarr. Add(n); 
Labell. Text += n.ToString() + "gnbsp;"; 
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} 
myarr. Sort(); 
Label2. Text = ""; 
foreach (int item in myarr) 
Label2. Text += item.ToString() + "gnbsp;"; 
# 
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2 上 机 实验 题 设计 


本 上 机 实验 题 的 二 body 二 的 源 视 图 代码 如 下 : 


<form id = "forml" runat = "server"> 


<div> 
< span class = "auto- stylel"> 省 份 : </span> 
<asp:DropDownList ID = "DropDownList1" runat = "server" 
style = "font - size: medium; height:23px;width:100px" AutoPostBack = "True" 
OnSelectedIndexChanged = "DropDownList1_SelectedIndexChanged"> 
</asp:DropDownList> 
<br /><br /> 
< span class = "auto - stylel"> 城 市 : </span > 
<asp:DropDownList ID = "DropDownList2" runat = "server" 
style = "font - size: medium;height:23px;width:100px" > 
</asp:DropDownList > 
<br /><br /> 
< span class = "auto - stylel"> 邮 编 : </span> 
<asp:TextBox ID = "TextBoxl”runat = "server" 
style = "font - size: medium; height:18px;width:100px" /> 
<asp:RegularExpressionValidator ID = "RegularExpressionValidator1" 
runat = "server" ControlToValidate = "TextBoxl1”ErrorMessage = "格式 错误 " 
style= "color: #800080; font— size: small; font— weight: 700; 
font - family: 仿宋 " ValidationExpression="\d{6}" 人 > 
<asp:RequiredFieldValidator ID = "RequiredFieldValidator1"” 
runat = "server" ControlToValidate = "TextBox1" 
ErrorMessage = "必须 输入 ”style = "color: #800080; font - size: small; 
font - weight: 700; font - family: 仿宋 " /> 
<br /><br /> 
<asp:Button ID = "Buttonl1"” runat = "server" Text = "确定 " 
style= "color: #3FF0000; font- size: medium; font — weight: 700; 
font - family: 黑体 " OnClick = "Button1_Click" /> 
<br /><br /> 
<asp:Label ID = "Labell" runat = "server" style= "color: #FFOOFF; 
font - size: medium; font - weight: 700; font - family: 仿宋 " /> 


</div> 


</form> 


网 


页 上 设计 如 下 事件 处 理 方法 : 


protected void Page Load(object sender, EventArgs e) 


和 


if (!Page. IsPostBack) 

{ DropDownListl. Items.Add(""); 
DropDownList1. Items. Add( "湖北 省 "); 
DropDownList1. Items. Add( "江苏 省 "); 
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protected void DropDownList1 SelectedIndexChanged(object sender, EventArgs e) 
{ DropDownList2. Items. Clear( ); 
证 (DropDownList1. SelectedValue.ToString() == "湖北 省 ") 
{ ”DropDownList2. Items. Add(" 武 汉 市 "); 
DropDownList2. Items. Add( "黄石 市 "); 
DropDownList2. Items. Add( "荆州 市 "); 
} 
else if (DropDownList1. SelectedValue. ToString() == "江苏 省 ") 
{ ”DropDownList2. Items. Add(" 南 京 市 "); 
DropDownList2. Items. Add( "苏州 市 "); 
DropDownList2. Items. Add( "无 锡 市 "); 
} 
} 
protected void Buttonl Click(object sender, EventArgs e) 
f if (DropDownList1. SelectedValue. ToString() == "") 
Labell. Text = "提示 : 你 没有 选择 任何 省 份 "; 
else 
Labell. Text = DropDownList1. SelectedValue 
+ DropDownList2. SelectedValue + "的 邮编 为 ”+ TextBoxl. Text; 
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2 上 机 实验 题 设计 


在 CH8 网 站 的 Global. asax 文件 的 Application_Start 事件 处 理 方法 中 增加 如 下 语句 : 


Application["count"] = 0; 
网 页 中 只 有 一 个 Labell 控件 ,网 页 上 设计 如 下 事件 处 理 方法 ， 


protected void Page_Load(object sender, EventArgs e) 
{ Application.Lock(); 
Application["count"] = ((int)Application["count"]) + 1; 
Application. UnLock( ); 
Labell. Text = "欢迎 访问 本 网 页 ,你 是 第 ”+ Application["count"].ToString() 
+ "位 访客 "; 
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2 上 机 实验 题 设计 
本 上 机 实验 题 的 二 body 二 的 源 视图 代码 如 下 : 


<form id= "forml" runat = "server"> 


<div> 
<table class = "auto— stylel"> 

<tr> 
<td class = "auto 一 style2"> 条 件 设置 </td> 
<td> 

<asp:Label ID= "Labell" runat = "server" style= "color: #FFOOFF; 
font - size: medium; font — weight: 700; font - family: 仿宋 " /> 

</td> 

</tr> 


<tr> 
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<td> 
<asp:TreeView ID = "TreeViewl" runat = "server" 
OnSelectedNodeChanged = "TreeViewl SelectedNodeChanged" 
style= "color: #FFOOFF; font— size: medium; 
font - weight: 700; font - family: 仿宋 "> 
</asp:TreeView > 
</td> 
<td> 
<asp:ListBox ID = "ListBoxl" runat = "server" Height = "142px" 


style= "color: #0000FF; font- size: medium; font - weight: 


font - family: 楷体 "Width = "231px" /> 
</td> 
</tr> 
</table> 
</div> 
</form> 


在 网 站 中 新 建 一 个 Classl. cs 类 文件 ,在 其 中 输入 如 下 student 类 代码 : 


public class student 


{ public int xh { set; get; } // 学 号 
public string xm { set; get; } // 姓 名 
public string xb { set; get; } // 性 别 
public string mz { set; get; } // 民 族 
public string bh { set; get; } // 班 号 


public student(int xhl, string xml, string xbl, string mzl, string bhl) 
{ xh = xhl; xm = xml; xb = xbl; 
mz = mzl; bh = bhl; 
} 
public string getstudent() 
{ string mystr; 
mike ih i) "===" 
本 
return mystr; 


} 
在 本 网 页 上 设计 如 下 事件 处 理 方法 : 


protected void Page_Load(object sender, EventArgs e) 
{ if (!Page.IsPostBack) 
{ TreeViewl.Nodes.Clear(); 
TreeNode node = new TreeNode( "选择 "); 
TreeView1. Nodes. Add( node); 
node = new TreeNode(" 性 别 "); 
TreeViewl. Nodes[0].ChildNodes. Add(node); 
node = new TreeNode(" 男 "); 
TreeViewl. Nodes[0].ChildNodes[0].ChildNodes. Add(node); 
node = new TreeNode(" 女 "); 
TreeView1. Nodes[0].ChildNodes[0].ChildNodes. Add(node); 
node = new TreeNode(" 班 号 "); 
TreeViewl. Nodes[0].ChildNodes. Add(node); 
node = new TreeNode("15001"); 
TreeView1. Nodes[0].ChildNodes[1].ChildNodes. Add(node); 
node = new TreeNode("15002"); 
TreeView1. Nodes[0].ChildNodes[1].ChildNodes. Add(node); 


700; 
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} 
protected void TreeView]l SelectedNodeChanged(object sender, EventArgs e) 
{ int depth = TreeViewl.SelectedNode. Depth; 
if (depth == 2) 
{ student[] st = new student[5] { new student(1," 王 华 ", " 女 ", "汉族 ","15001")， 
new student(2," 孙 丽 "," 女 ", "满族 ", "15002")， 
new student(3, "李兵 "," 男 ", "汉族 ", "15001")， 
new student(6," 张 军 "," 男 ", "汉族 ", "15001")， 
new student(8," 马 棋 "," 男 ", "回族 ", "15002") }; 


string fieldname = ""; // 字 段 名 
fieldname = TreeView1. SelectedNode. Parent. Text.ToString(); 
string fieldvalue; // 字 段 值 


fieldvalue = TreeView1. SelectedNode. Text.ToString(); 
ListBox1. Items. Clear( ); 
Labell.Text = "条 件 :" + fieldname + "=" + fieldvalue; 
ListBoxl. Items. hdd(" 学 号 - 姓名 一 性别 - 民族 -- 班 号 "); 
foreach (student s in st) 
{ if (fieldname == "性 别 ") 

{ if (s.xb == fieldvalue) 

ListBoxl. Items. Rdd(s. getstudent()); 


} 
else if (fieldname ==" 班 号 ") 
{ if (s.bh == fieldvalue) 
ListBoxl. Items. Add(s. getstudent() ); 


} 

else 

{ ”Labell.Text = "条 件 设置 不 正确 "; 
ListBox1. Items. Clear( ); 
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2 上 机 实验 题 设计 
按照 本 上 机 实验 题 的 设计 界面 设计 好 后 ,在 Buttonl 和 Button2 按钮 上 设计 如 下 事件 处 
理 方法 : 


protected void Buttonl_Click(object sender, EventArgs e) 
| string mystr, mysql; 
SqlConnection myconn = new SqlConnection(); 
SqlCommand mycmd = new SqlCommand(); 
mystr = System.Configuration.ConfigurationManager 
ConnectionStrings[ "myconnstring" ]. Tostring(); 
myconn. ConnectionString = mystr; 
myconn. Open( ); 
mysql = "SELECT student. 学 号 , student. 姓名 , AVG( score. 分 数 ) AS 平均 分 "; 
mysql += "FROM student, score "; 
mysql += "WHERE student. 学 号 = score. 学 号 "; 
mysql += "GROUP BY student. 学 号 , student. 姓名 "; 
mycmd. CommandText = mysql; 
mycmd. Connection = myconn; 
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SqlDataReader myreader = mycmd. ExecuteReader(); 
ListBox1. Items. Clear( ); 
ListBoxl. Items. Rdd(" 学 号 一 
ListBox1. Items. Rdd( 
while (myreader. Read( )) // 循 环 读 取信 息 
ListBox1. Items. Add(String. Format("{0} -一 -一 -一 一 -一 {1} ~-------- 4 所 网 
myreader[" 学 号 "]. ToString(), myreader[1].ToString(), 
myreader. GetDouble(2))); 
myconn. Close( ); 
myreader. Close( ); 


} 
protected void Button2 Click(object sender, EventArgs e) 
{ string mystr, mysql; 
SqlConnection myconn = new SqlConnection(); 
mystr = System.Configuration.ConfigurationManager. 
ConnectionStrings[ "myconnstring" ]. ToString(); 
myconn. ConnectionString = mystr; 
myconn. Open( ); 
mysql = "SELECT course. 课程 号 , course. 课 程 名 ,AVG(score. 分数) AS 平均 分 "; 
mysql += "FROM course, score "; 
mysql += "WHERE course. 课程 号 = score. 课程 号 "; 
mysql += "GROUP BY course. 课程 号 ,course. 课程 名 "; 
SqlDataAdapter myda = new SqlDataAdapter(mysql, myconn); 
myconn. Close( ); 
DataSet mydataset = new DataSet(); 
myda. Fill(mydataset, "mydata" ); 
ListBoxl, Items. Clear( ); 
ListBox1. Items. Add( "课程 号 ----- 课程 名 ------ 平均 分 "); 
ListBoxl. Items. Add( 
foreach (DataRow dr in mydataset. Tables[0].Rows) 
ListBox1. Items. Add( String. Format("{0} -——-—-—-—— {2}====== 4 
dr[0].ToString(), dr[1].ToString(), dr[2].ToString())); 
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2 上 机 实验 题 设计 
本 上 机 实验 题 的 二 body 二 的 源 视图 代码 如 下 : 


<form id= "forml" runat = "server"> 
<div> 
<span class = "auto - stylel"> 班 号 : </span> 
<asp:DropDownList ID = "DropDownList1”runat = "server" 
DataSourceID = "SqlDataSource2" DataTextField = " 班 号 " 
DataValueField = " 班 号 " Height = "18px" Width = "104px" 
style = "font - size: medium; font - weight: 700; font - family: 仿宋 "> 
</asp:DropDownList > 
<asp:SqlDataSource ID = "SqlDataSource2" runat = "server" 
ConnectionString = "<% $ ConnectionStrings:schoolConnectionString %>" 
SelectCommand = "SELECT distinct 班 号 FROM student"> 
</asp:SqlDataSource> 
<asp:Button ID = "Button1”runat = "server" Text = "确定 " 
style= "color: #FF0000; font— size: medium; font — weight: 700; 
font - family: 黑体 " /> 
<br /><br /> 
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< span class = "auto - style2"> 查 询 结果 : </span> 
<br /> 
</div> 
<asp:GridView ID = "GridViewl" runat = "server" AutoGenerateColumns = "False" 
DataKeyNames = "学 号 ”DataSourceID = "SqlDataSourcel" 
BackColor = "LightGoldenrodYellow" BorderColor = "Tan" BorderWidth= "lpx" 
CellPadding = "2" GridLines = "None" style = "font - weight: 700; font - family: 仿宋 " 
ForeColor = "Black"> 
< AlternatingRowStyle BackColor = "PaleGoldenrod" /> 
< Columns > 
<asp:BoundField DataField = "学 号 " HeaderText = "学 号 " ReadOnly = "True" 
SortExpression = "学 号 " /> 
<asp:BoundField DataField= "姓名 " HeaderText = "姓名 " SortExpression = "姓名 " /> 
<asp:BoundField DataField= "平均 分 " HeaderText = "平均 分 " ReadOnly = "True" 
SortExpression = "平均 分 " /> 
</Columns > 
< FooterStyle BackColor = "Tan" /> 
< HeaderStyle BackColor = "Tan" Font ~ Bold = "True" /> 
< PagerStyle BackColor = "PaleGoldenrod" ForeColor = "DarkSlateBlue" 
HorizontalAlign = "Center" /> 
< SelectedRowStyle BackColor = "DarkSlateBlue" ForeColor = "GhostWhite" /> 
< SortedAscendingCellStyle BackColor = " # FAFAE7" /> 
< SortedAscendingHeaderStyle BackColor = " # DACO9E" /> 
< SortedDescendingCellStyle BackColor = " #E1DB9C" /> 
< SortedDescendingHeaderStyle BackColor = "#C2A47B" /> 
</asp:GridView> 
<asp:SqlDataSource ID = "SqlDataSourcel" runat = "server" 
ConnectionString = "<% $ ConnectionStrings:schoolConnectionString %>" 
SelectCommand = " SELECT student. 学 号 ,student. 姓名 ,RVG(score. 分 数 ) AS 平均 分 
FROM student, course, score 
WHERE student. 学 号 = score. 学 号 AND course. 课程 号 = score. 课程 号 
AND student. 班 号 = @bh 
GROUP BY student. 学 号 , student. 姓 名 
ORDER BY AVG( score. 分 数 ) DESC"> 
< SelectParameters > 
<asp: ControlParameter ControlID = "DropDownList1”Name = "bh" 
PropertyName = " SelectedValue" /> 
</SelectParameters> 
</asp:SqlDataSource> 
</form> 


网 页 中 不 设计 任何 事件 处 理 方法 ,其 中 “确定 ”按钮 仅仅 起 到 提交 网 页 的 作用 。 
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